最近在看vue的一些視訊課程，老師講到mock資料時，我發現自己建立的專案並沒有dev-server.js,於是就在網上各種找資料，最後看到這篇文章後http://618cj.com/2017/11/22才恍然大悟。
因為最新版本的vue-cli已經放棄dev-server.js，只需在webpack.dev.conf.js配置就行。
新版本webpack.dev.conf.js配置如下：
在const portfinder = require(‘portfinder’)後新增
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 apiRouter=express.Router();
app.use('/api',apiRouter);
複製程式碼然後找到devServer,在裡面新增
before(app){
app.get('/api/seller',(req,res)=>{
res.json({
errno:0,
data:seller
})
}),
app.get('/api/goods',(req,res)=>{
res.json({
errno:0,
data:goods
})
}),
app.get('/api/ratings',(req,res)=>{
res.json({
errno:0,
data:ratings
})
})
}
複製程式碼重啟專案 npm run dev,訪問localhost:8080/api/goods就可看到資料了
截圖如下：
