手机版

在vue-cli构建文件夹下的dev-server.js文件中没有配置模拟数据的方法

时间:2021-08-25 来源:互联网 编辑:宝哥软件园 浏览:

由于最新版本的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数据的方法。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!

版权声明:在vue-cli构建文件夹下的dev-server.js文件中没有配置模拟数据的方法是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。