欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

mockJS入门-前端接口请求数据模拟

程序员文章站 2022-07-10 10:17:14
...
使用场景:

前后端分离,接口返回数据不能及时提供,导致前端效果调试受限制。
这时我们就需要自己模拟数据来进行前端效果调试,
mockJS就是帮助我们提高模拟数据效率的一套工具库。

测试环境:

aaa@qq.com,axios服务请求

mock安装
npm install mockjs --save
mockjs配置

在main.js中配置

import Mock from 'mockjs'
Vue.prototype.$Mock = Mock;
mockjs使用示例

使用时传参接口地址,即会拦截对应的接口请求,拦截后把对应的返回结果替换成mock生成的模拟数据
mockJS入门-前端接口请求数据模拟

mockjs数据返回与示例

mockJS入门-前端接口请求数据模拟
使用记得参考官方文档参考文档和示例**
mockJS入门-前端接口请求数据模拟

相关标签: 前端