在vue中使用mock
在vue.config.js中
module.exports = {
devServer: {
before: require('./mock/index.js')
}
};
./mock/index.js文件中
const fs = require('fs');
const path = require('path');
const Mock = require('mockjs');
const JSON5 = require('json5');
// 打印有效 并且确实存在mock和setup方法
console.log(Mock)
// 正确调用mock方法
console.log(Mock.mock({a:1}));
// 这里报错: Cannot read property 'setup' of undefined
Mock.setup({
timeout: 2000
})
// 以上为关键代码
function getSql() {
//读取文件
let json5 = fs.readFileSync(path.join(__dirname, './sql.json5'), 'utf-8');
//解析并返回
return JSON5.parse(json5);
}
module.exports = function (app) {
// 通过环境变量控制MOCK执行
if (process.env.MOCK == 'true') {
app.get('/mxkj/get_detail', function (rep, res) {
res.json(Mock.mock(getSql()))
});
}
}
控制台
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…