1安装mockjs
npm install mockjs --save-dev
# 或者
yarn add mockjs --dev
2.引入mockjs(mock/index.js)
import Mock from 'mockjs';
// 或者
const Mock = require('mockjs');
3.定义mock规则
使用 Mock.mock() 函数来定义 Mock 规则。这个函数接受两个参数:第一个参数是 URL 或者 URL 匹配模式,第二个参数是响应的数据或者生成响应数据的函数。
例如,以下代码定义了一个当请求 URL 为 ‘/api/users’ 时,返回一个包含 1-10 个用户的数组,每个用户都有一个随机的 id、name 和 age:
Mock.mock('/api/users', 'get', {
'users|1-10': [{
'id|+1': 1,
'name': '@cname',
'age|18-60': 1
}]
});
4.main.js中使用
import "./mock/index"
5.组件中使用
axios.request({
baseURL: '/api/users',
method: 'get',
}).then((res) => {
console.log(res)
})