前端使用mockjs模拟接口数据

在前后端分离开发中，有时候后台开发比较慢还没有给回接口给前端，那么这时我们可以自己模拟数据（也就是mock数据）。
当然可能你会想到我新建个js文件，把数据模拟好导出再引入请求就可以啦。这个方法虽然可以，但是接口多的时候，需要模拟的数据多的时候就很不方便了，要来回修改差异，效率很低。
现在学会使用mock.js拦截ajax请求，更加方便简洁的构造你需要的假数据。

这里提醒一下，mockjs模拟的接口地址最好不要和后端给你的一致，不然到时候你忘记把mockjs去掉的时候，请求得到的还是拦截的假数据（或者可能会出现其他请求异常问题）。

一、在React项目中使用mockjs

1、安装mockjs

npm install mockjs -D

2、在项目根目录下创建个mock文件夹

然后在mock文件夹中新建个index.js文件，里面写mock数据。

// 引入mockjs
import Mock from 'mockjs';

// 设置延时200-600毫秒请求到数据
Mock.setup({
   
    timeout: '200-600',
});

// 可以模拟很多个接口数据，接口地址不一致即可
Mock.mock(
	'/jobLssuesList/list', // 接口地址
    {
   
        code: 0,
        message: '操作成功',
        success