一、集成方式
在项目目录中执行以下命令:
npm i -D mockjs
二、配置
(1)在项目src目录下创建mock目录,并创建index.js文件,在index.js文件中添加以下代码:
javascript">import Mock from 'mockjs'
// 配置需要mock的url、method及响应数据,详见(一手资料):http://mockjs.com/examples.html 及 https://github.com/nuysoft/Mock/wiki
Mock.mock(/\/trip\/order\/by-customer\/(.*)/,'get', {
data: [{
"id|+1": 1
}]
})
// 此处必不可少,缺少会造成不生效
Mock.setup({
timeout: 200 - 400
})
(2)在main.js中添加以下代码:
javascript">import '@/mock'
三、避坑
(1)造成文件下载异常,如:zip包大小异常无法解压,文本文件内容乱码
解决办法:在node_modules/mockjs/dist/mock.js中进行以下修改:
javascript">// 可以通过直接搜索“custom.xhr.send”找到以下代码
if (!this.match) {
this.custom.xhr.send(data)
return
}
// 修改为下边的代码
if (!this.match) {
this.custom.xhr.responseType = this.responseType //添加本行代码,解决文件下载异常问题
this.custom.xhr.send(data)
return
}