mockjs基本使用
image.png url type function(options) options 可以在具体vue文件中,或者main.js中引用mock.js 或者 正常进行业务开发,这时候页面发送的请求会被mock拦截,如果url一致,或者正则匹配到了,则返回mock数据,没有进行网络请求发起 只需要把引用的mock.js删掉或者注释掉就可以了。 或者1、安装
npm install -D mockjs
2、在项目中新建mock.js文件
3、编辑mock.js
使用API:Mock.mock( url, type, function( options ) )
需要拦截的 URL,可以是 字符串或正则。例如 /user/detail
、/\/user\/*/
请求类型。例如 get
、post
、put
、delete
等。
生成响应数据的函数。
请求的信息,包含url、type 和 body 三个属性例子
// mock.jsconst Mock = require('mockjs');Mock.mock('/user/detail', 'post', ({url, type, body}) => {
console.log(url, type, body);
const detail = {
name: '李美丽',
age: 18,
};
return detail;});
3、引用mock.js文件
// main.jsrequire('./mock.js')
// pages/index.vuerequire('../mock.js')
4、正常开发
// pages/index.vue
methods: {
getUserInfo() {
axios.post('/user/detail').then(data => {
console.log(data);
})
},
......
5、关闭mock
// main.js//require('./mock.js')
// pages/index.vue//require('../mock.js')
10人点赞
随笔
作者:Mr老朝
链接:https://www.jianshu.com/p/ba6e6a2d43b4
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。