Vue项目中mock模拟数据

匿名 (未验证) 提交于 2019-12-02 23:55:01

新的vue-cli生成的项目中build文件夹中已经没有dev-server.js这个文件

被替换成了webpack-dev-conf.js文件

因此只需要在这个文件中配置mock数据即可:

我们使用的是express这个框架起的服务,所以可以使用express-router来编译这些接口请求:

在 devServer进一步编写路由

最后在浏览器中测试路由

 

下载谷歌插件json view进一步美化一下json数据,还有一个插件devtools也是vue的必用插件

大功告成了,基本的Mock数据到这里也over了

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!