使用mock模拟数据

1、package.json文件中有 mock.js包

没有就 下载 pnpm 或 npm  
下载axios

2、新建一个文件mock.js或ts

3、在main.ts中全局引入   直接import 跟上  '路径' 即可

import './mock.js'
同一级就是这样引入  

4、mock中的路径用正则匹配
后端接口给的mock地址：http://yapi.test.smartquit.cn/mock/202/jobLogBatch/pageList

看以下这篇文章也行，但是要注意  我mock没有拦截到请求，最后解决了这个问题的方案是

mock中的路径用正则表达式去匹配  Mock.mock(/\/jobLogBatch\/pageList/,  'get',mockResponse)

以下2种写法我这边不支持：完全的路径字符串，还是部分的路径字符串；不支持
Mock.mock('http://yapi.test.smartquit.cn/mock/202/jobLogBatch/pageList', 'get', mockResponse); Mock.mock('/jobLogBatch/pageList', 'get', mockResponse);

1、后端接口给的文档  mock地址：http://yapi.test.smartquit.cn/mock/202/jobLogBatch/pageList

 

 2、后端接口还没有部署到测试环境，需要前端Mock数据开发  前提 package.json文件中有mockjs包

 

 

可参考如下：  mock路径借鉴正则去匹配     三分钟教会你Mock.js - 掘金