20-Mock拦截ajax请求,模拟数据

场景:如果暂时没有测试环境,或者接口数据格式修改了,后端比较忙,没时间给你写接口,不依赖后端提供数据的情况下,如何让前端独立于后端进行开发呢?

第一步:在打包的入口文件main.js中判断环境引入mock,只有开发环境才引入

第二步:

mock主文件:

 

 第三步:模板文件

 第四步:

 第五步:组件内调用

这里用* as mockApi 起别名是为了便于区分是mock的接口还是我们的正式的接口

 

 

posted @ 2021-05-04 23:59  猎奇游渔  阅读(88)  评论(0编辑  收藏  举报