mockjs

163 阅读1分钟

mock定义

  1. 1 拦截ajax
  2. 生成伪随机数据 当前端开发 程序员写好了接口文档 没有实现接口文档先自己造数据,模拟后端,开发前端的功能等待后端接口做好,和后端联调,更改baseURL实现切换接口服务器

安装

  • 安装mockjs
    npm install mockjs --save-dev
  • 在项目中创建mock.js,并写一个简单的返回示例,后面拦截其他url的ajax请求直接参考这个示例。
//引入mockjs
import Mock from 'mockjs'
//使用mockjs模拟数据
Mock.mock('//api/msdk/proxy/query_common_credit/', {
    "ret":0,
    "data":
      {
        "mtime": "@datetime",//随机生成日期时间
        "score|1-800": 800,//随机生成1-800的数字
        "rank|1-100":  100,//随机生成1-100的数字
        "stars|1-5": 5,//随机生成1-5的数字
        "nickname": "@cname",//随机生成中文名字
      }

使用

1. 定义mock.js
2. 在main.js 导入import ‘@/mock/mock.js’

导入 mock

import Mock from ‘mockjs’

方法

Mock(url,methd,data)
Mock(url,data)
Mock(url,method,function(options){
    return {data数据}
})