在vue项目中, mock数据可以使用 node 的 express模块搭建服务

1. 在根目录下创建 data.json文件, 用来存放模拟的 json 数据

vue-cli项目中怎么mock数据

2.在build目录下的 dev-server.js的文件作如下更改

vue-cli项目中怎么mock数据

3. 在.vue做请求, 就可以成功获取data.json的数据了, 下面使用 axios 进行请求

vue-cli项目中怎么mock数据

4.最后必须重新运行npm run dev,则可在控制台显示

vue-cli项目中怎么mock数据

相关文章: