由于最新版本的vue-cli已經(jīng)放棄dev-server.js
,需在webpack.dev.conf.js
配置才行
新版本的webpack.dev.conf.js配置如下:
const express require('express') const app =express() var appData = require('..data.json') var seller = appData.seller var goods = appData.goods var ratings = appData.ratings var apiRoutes = express.Router() app.use('/api', apiRoutes)
找到devServer后,在最后面添加:
before(app) { app.get('/api/appData',function(req,res){ res.json({ errno:0, data:appData }) }), app.get('/api/seller',function(req,res){ res.json({ errno:0, data:seller }) }), app.get('/api/goods',function(req,res){ res.json({ errno:0, data:goods }) }), app.get('/api/ratings',function(req,res){ res.json({ errno:0, data:ratings }) }) }
最后一定要重啟才會生效,因為修改了配置文件,重新跑一次npm run dev.
打開路徑 http://localhost :8080/api/appData就能請求到數(shù)據(jù)
打開 http://localhost :8080/api/seller 能請求到seller相關(guān)數(shù)據(jù)
如圖:
總結(jié)
以上所述是小編給大家介紹的vue-cli的build的文件夾下沒有dev-server.js文件配置mock數(shù)據(jù)的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com