1. 安装 或 cdn 引入 mockjs
yarn add mockjs --save
2. vue 项目中 在 mian.js 中 根据环境决定是否使用mcok
if (process.env.NODE_ENV === 'development') {
require('./mock/index.js')
}
3. src 文件下创建 mock/index.js
4. 在mock/index.js文件下 写入自己的数据 例如:
import Mock from 'mockjs'
const status = {
message: '查询成功',
code: 1,
status:200
};
// 对应的接口数据
const loginData = {
data: {
userName:'Lyon',
phoneNumber:"13818881888"
}
}
Mock.mock('/mock/test', 'get', Object.assign(status,loginData) )
5. vue 文件种 直接使用接口 例如:
mockClick() {
this.$http.get(`/mock/test`).then(res => {
console.log('mockjs-----------------mockjs')
console.log(res.data)
})
},