最近在学习vue-cli使用mock,研究了很多文章终于调通啦!总结一下~
步骤一:安装mockjs
npm install mockjs --save-dev
步骤二:在根目录创建mock文件夹
步骤三:编辑index.js文件,模拟后端接口。
const Mock = require("mockjs");
Mock.mock('/connect/add', 'post', (options) => {
console.log(options);
return "111"
})
Mock.mock('/connect/getList', 'get', {
name: '111'
})
步骤四:在main.js中引入mock下index.js文件
import '../mock/index.js';
步骤五:前端发送请求
axios.get('/connect/getList').then(
res=>{
console.log(res)
}
).catch(err=>{
console.log('err>>',err)
})
let data={'queryStr':'123'}
axios.post('/connect/add',data).then(
res=>{
console.log(res)
}
).catch(err=>{
console.log('err>>',err)
})
},
步骤六:请求成功,这种请求方式请求不会在network中,但是可以看到控制台输出。