vue项目中mock.js的使用

1、下载mock.js 安装到项目中

操作如下：

• 1: yarn 环境下
  yarn add mockjs
• 2: npm
  npm install mockjs

2、 在mian.js中进行配置

if (process.env.NODE_ENV === 'development') {
  require('./mock')
}

3、在main.js的同级目录下，建立文件夹名为mock与index.js

4、配置如下

import Mock from 'mockjs'

Mock.setup({
  timeout: '200-600' // 请求到响应的时间间隔
})

// 定义一个函数，参数是url和其他东西
const mockr = (url, teml) => Mock.mock(new RegExp(url), teml);
[
 // 数组里面就定义mock的格式，比如：
  [
    '/doorcontrol/attendreport/exportUserAttendCollectList',{
      "code": 200,
      "msg": "success",
      "data": "192.168.1.71:9020/import/user/0/考勤汇总报表1582869379125.xls"
    }
  ],
].forEach(item => {
  // 对数组进行循环，然后调用那个函数
  mockr(item[0], item[1])
})

5、解释如下

使用mock时，在进行请求的时候，会去在mock中搜寻配置的路劲，如果有则使用mock进行请求，再返回数据