mockjs模拟接口请求测试数据

1、安装

npm i mockjs -D

2、项目结构：

3、编写模拟数据

在mock.js中编写，代码如下：

const Mock = require('mockjs')
Mock.mock('/meun', /post|get/i, {
  // /post|get/i 匹配post和get模式 也可以用'post'或'get'
  // 属性 list 的值是一个数组，其中含有 1-6代表随机返回几条模拟数据
  'list|1-6': [{
    // 属性 id 是一个自增数，起始值为 1，每次增 1
    'id|+1': 1,
    // 布尔类型 1/2的几率是true
    'done|1-2': true,
    // 返回字符串1~10遍
    'info|1-10': 'dsa'
  }]
})

以上只是一个简单例子，可根据模拟数据需求，配置多层嵌套数据或者其他类型的数据格式；

4、main.js全局引入mock文件；

import './api/mock'；

如需局部引入，可直接写到对应的页面，则不用写到全局main.js的文件中

5、页面模拟接口数据使用（最好是进行集中封装）：
// 引入axios

import axios from 'axios'；
// 请求接口，也可使用post和get请求方法
axios.get('/meun').then(({ res}) => {
  console.log(res)；
  context.commit('initList', res.list)；
})