mockjs

mockjs文档：http://mockjs.com/0.1/

mockjs示例：http://mockjs.com/examples.html#

Mock.js 是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。提供了以下模拟功能：

• 根据数据模板生成模拟数据
• 模拟 Ajax 请求，生成并返回模拟数据
• 基于 HTML 模板生成模拟数据

1、安装

npm i mockjs

2、编写mock.js文件

Mock.mock(url, method, data), data是一个函数的返回值

异步请求的返回数据函数，入参是config，可从中获取请求的入参，根据入参返回数据。

post请求获取入参：const { username, password } = JSON.parse(config.body)

get请求获取入参：const { name, page = 1, limit = 20 } = param2Obj(config.url)

 

 3、将mock文件引入main.js中

import './api/mock'

4、调用

vue中正常调用axios发起异步请求，该请求会被mock拦截，并返回数据。