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

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

mock主文件:

第三步:模板文件

第四步:


第五步:组件内调用
这里用* as mockApi 起别名是为了便于区分是mock的接口还是我们的正式的接口

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

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

mock主文件:

第三步:模板文件

第四步:


第五步:组件内调用
这里用* as mockApi 起别名是为了便于区分是mock的接口还是我们的正式的接口
