1、先下载依赖
2、再main.js中引入(4中的index 文件)
require('./mock/index.js')
3、准备好你的数据,注意,格式一定要和接口格式一样,
4、再src下创建mock文件,分别创建index.js 和user.js ,
index.js (文件名称随意,一定要再main.js中引入,主要用mock拦截接口,并返回数据)
import Mock from 'mockjs'
import User from './user'
//
Mock.mock(RegExp('rules/get_status'+".*"), 'get',(options) => {
return User.rule // 返回模拟数据
})
user.js(保存假数据)
let station = [{
'id': -1,
'desp': "6002",
},{
'id': -1,
'desp': "6002",
}]
let user = {
station
}
export default user
一定要注意的是接口是否带参数,如果不带参数,可以直接拦截接口
Mock.mock('/Info', 'get',(options) => {
return [{'name':'1'},{'name':'2'}] // 返回模拟数据
})
如果带参数的话,需要用到正则表达式,如下所示。
Mock.mock(RegExp('rules/get_status'+".*"), 'get',(options) => {
return User.rule // 返回模拟数据
})
第一次用mock,感觉挺好用的,不用等后台提供接口,省很多时间,另外我百度查的有参数的接口,可能还需要些详细的正则表达式,但是我没有遇到。另外,这个拦截接口和服务并不冲突,你mock()那个接口,那个接口就会被拦截,并不是所有的,所以不用担心其他接口调不到服务的问题
来源:CSDN
作者:fly_vip
链接:https://blog.csdn.net/fly_vip/article/details/103457251