宝哥软件园

无dev-server.js的vue2.0本地数据配置方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-01

问题描述:

在vue2.0及以上版本中,vue-cli build的文件夹中没有dev-server.js文件,那么如何配置mock数据呢

Vue2.x可以在构建下的webpack.dev.conf.js中配置

//在const portfinder=require(' portfinder ')后添加const express=require(' express ')//nodejs开发框架express,用于简化操作const app=express() //创建node.js var appdata=require('./mock/goods.json')//加载本地数据文件var seller=appdata。seller var api routes=express . router()//编写路由app.use('/api ',apiRoutes) //所有与接口相关的api都会通过API引出具体的路由,如下图所示

找到devServer对象后,在其中添加相关的路由设置

before(app){ app . get('/API/seller ',function (req,RES){//服务器收到请求后,将json data res.json返回给客户端({//当我们的数据正常时,我们的意思是通过传递errno字符0来表示数据正常。//返回json data:seller}中的卖家数据)}

接下来,您只需要重新运行开发人员的数据

摘要

以上是边肖介绍的vue2.0不带dev-server.js的本地数据配置方法。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!

更多资讯
游戏推荐
更多+