mockjs + vue 配置使用

1、什么是mockjs

前后端分离的过程中，会出现后端接口未写完，但前端需要一定的模拟数据来开发功能，此时就可用mockjs来提前模拟后端数据，MockJS可以实现多种数据类型的生成，基本上满足我们日常开发的大部分需求。

 

2、mockjs的优势

mockjs可随机生成大量的数据，而且它具有数据类型丰富，我们可以直接按照接口文档来开发，将相应的字段写好，在接口完成 之后，只需要改变请求地址即可。

 

3、mockjs的使用

安装

npm install mockjs --save-dev

在src目录下新建mock.js

import Mock from 'mockjs'

// 设置的模拟数据
function testMock () {
  const a = Mock.mock({
    'name|1-10': [
      {
        'name|+1': [
          'Hello',
          'Mock.js',
          '!'
        ]
      }
    ]
  })
  return a
}

// 接口，第一个参数url，第二个参数请求类型，第三个参数响应回调
Mock.mock(new RegExp('api/login'), 'post', testMock)

打开main.js，引入mock.js