vue-cli中使用mock

1：正常搭建vue-cli项目

2：cnpm install mockjs --save-dev （–save-dev || -D //开发依赖（辅助））

3：在src文件夹下，与app.vue.main.js平行的位置新建mock.js，新建后的项目结构如下：

//引入mockjs
const Mock = require('mockjs')
//使用mockjs模拟数据
const produceNewsData = {
}
//统计数据请求，
//baseURL.webUrl是我的配置文件中的，cashierline/staticsAccount.do是vue文件中的请求地址
Mock.mock(baseURL.webUrl + 'cashierline/staticsAccount.do', 'post', produceNewsData);复制代码

4：记得在main.js中引入

require('./mock')//此部分引入的是我们所编写的mockjs文档复制代码

这种方式引入后，不受反向代理影响(mock.js文件中的请求地址是ajax中的真实请求数据，不是反向代理的请求地址)，在浏览器的调试工具栏中也找不到数据；

转载于:https://juejin.im/post/5afd124951882542bd69e41b