vue-cli項目配置mock數據

最新的vue-webpack-template 中已經去掉了dev-server.js 但是要進行模擬后台數據的，如何模擬本地數據操作？ 
解決方法： 
dev-server.js 改用webpack-dev-conf.js代替。 

新版webpack.dev.conf.js配置如下：

在const portfinder = require(‘portfinder’)后面添加 const express = require('express') const app = express() var goodsData = require('../mock/goods.json')//加載本地數據文件 var apiRoutes = express.Router() app.use('/goods', apiRoutes)

//然后找到devServer,在里面添加 before(app) { app.get('/api/goodsData', (req, res) => { res.json({ errno: 0, data: goodsData })//接口返回json數據，上面配置的數據goodsData就賦值給data請求后調用 }) }

然后npm run dev，一定要重啟 一下就可以http://localhost:8080/XXX 訪問了

截圖如下