使用mockjs_在vue-cli中使用mockjs

mockjs官网: http://mockjs.com/

使用步骤

1. 安装mockjs

npm install mockjs

2. 在src文件夹下新建一个mock文件夹，在mock文件夹下新建index.js文件

3. 在index.js中书写相关代码

• 先导入mockjs
• 当拦截到请求路径为/main和请求类型为get的 Ajax 请求时，将根据数据模板template生成模拟数据，并作为响应数据返回。
• Mock.mock()中参数说明: nuysoft/Mock

4. 在main.js中导入该文件

5.在任意一个组件中发送请求，观察控制台打印的响应数据

created () {
  this.$axios.get('/main')
    .then(res => {
        console.log(res)
    })
}

注意：使用axios请求的地址必须要和Mock.mock()中书写的地址一致才能返回正确的数据。