关于饿了么,使用新版vue-cli来mock数据,遇到的问题,vue-cli新版缺少dev-sever.js和dev-client.js。
在vue-cli中mock数据时,在旧版本的vue-cli中是在build目录下dev-sever.js中添加数据接口
在新版的vue-cli中dev-sever.js和dev-client.js被webpack.dev.conf.js替代
在定义变量的区域添加以下代码
const appData = require('../data.json') //加载本地数据文件
const seller = appData.seller; //获取对应的本地数据
const goods = appData.goods; //获取对应的本地数据
const ratings = appData.ratings; //获取对应的本地数据
在devServer中添加before函数
before(app) {
app.get('/api/seller' ,function (req, res) {
res.json({
errno: 0, //错误数为0,有的数据错误数有限制
data: seller //接口返回json数据,将上面定义的数据seller赋值给data,然后调用
})
});
app.get('/api/goods' ,function (req, res) {
res.json({
errno: 0,
data: goods //接口返回json数据,将上面定义的数据goodsr赋值给data,然后调用
})
});
app.get('/api/ratings' ,function (req, res) {
res.json({
errno: 0,
data: ratings //接口返回json数据,将上面定义的数据ratingsr赋值给data,然后调用
})
});
},
修改完后重新运行项目npm run dev
输入网址
http://localhost:8080/api/seller
http://localhost:8080/api/goods
http://localhost:8080/api/ratings
得到相关数据。
请努力到感动自己。