vue-clie 中 build 下没有 dev-server.js 文件, mock 数据配置的问题
Opened this issue · 0 comments
MLuminary commented
因为最新版本的 vue-cli 已经放弃 dev-server.js,改为在 webpack.dev.conf.js 配置
新版本的 webpack.dev.conf.js 的配置如下
const express = require('express')
const app = express();
var appData = require('../mock/goods.json')//加载本地数据
var apiRoutes = express.Router();
app.use('/api', apiRoutes);
然后再找到 devServer
,在其中添加
before(app) {
app.get('/api/goods',(req,res)=>{
res.json({
errno: 0,
data: appData
})
})
}
然后通过 http://localhost:8080/api/goods 就可以访问数据,再需要获取的 vue 页面中按如下方法就可以获取
axios.get("api/goods").then((result)=>{
var res = result.data.data;
this.goodsList = res.result;
})