照著視頻做的時候一直報錯報這個
1.mock數(shù)據(jù)時轮蜕,新版本沒有dev-server那個文件夾,不要慌蝗锥,找到新版本這個webpack.dev.conf.js進(jìn)行配置跃洛,在const portfinder = require('portfinder')下面正常寫那些
然后注意!V找椤;憬摺!配置api一定要在devserver:下
逗號不要忘了加Qㄕ拧O噶恰!
以為有這些就行了嗎皂甘。并不是玻驻,還得弄這玩意
vue實(shí)現(xiàn)ajax獲取后臺數(shù)據(jù)是通過vue-resource,首先通過npm安裝vue-resource偿枕,進(jìn)入到項(xiàng)目目錄里
npm install vue-resource --save
安裝完成以后璧瞬,將vue-resource引入到src目錄下的main.js文件中? src/main.js
import VueResource from 'vue-resource' // 導(dǎo)入vue-resource
使用VueResource
Vue.use(VueResource);
---------------------
上面步驟是用vue-resource來進(jìn)行數(shù)據(jù)請求的大體流程,作為前端益老,我們只關(guān)注前端的開發(fā)彪蓬,所以使用mock data來模擬后臺穿傳數(shù)據(jù),主要有兩種方式:
1)json-server模擬數(shù)據(jù)捺萌;此方法只能發(fā)送get請求不能發(fā)送post請求?
參考另一篇博客https://blog.csdn.net/lxkll/article/details/84284429
2)express啟動數(shù)據(jù)服務(wù);get請求和post請求都可以發(fā)送
本文主要說明使用express方式模擬后臺數(shù)據(jù)膘茎,是在vue2.0的vue-cli中模擬數(shù)據(jù)?
首先進(jìn)入項(xiàng)目目錄桃纯,安裝express
npm install express --save
安裝完成后,重新啟動項(xiàng)目
npm run dev
---------------------
最后你發(fā)現(xiàn)還報錯披坏?态坦??
webpack版本太高了棒拂。伞梯。玫氢。。谜诫。
找到package.json? ? ? ?修改webpack版本