mock.js 使用

1、先下载依赖

npm install mockjs --save-dev

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值