mock.js 使用

守給你的承諾、 提交于 2019-12-14 05:09:33

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()那个接口,那个接口就会被拦截,并不是所有的,所以不用担心其他接口调不到服务的问题

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!