由于最新版本的vue-cli已经放弃了dev-server.js,所以需要在webpack.dev.conf.js中进行配置
webpack.dev.conf.js的新版本配置如下:
const express require(' express ')const app=express()var appData=require('.data.json') Varseller=appdata。Sellervar goods=appdata。货物var评级=appdata。评级var API路线=快递。路由器()应用程序。使用('/API ',API路由)找到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 3333333336)
打开路径http://localhost :8080/API/appdata请求数据
打开http://本地主机:8080/API/卖家,请求卖家相关数据
如图所示:
摘要
以上就是边肖介绍的在vue-cli的build文件夹中配置无dev-server.js文件的mock数据的方法。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!