1、在根目录下创建一个mock文件夹,用来存放模拟数据json文件;
2、在根目录中找到vue.config.js这个文件,修改为下面的配置:
const mockdata = require('./mock/test.json');
module.exports={
devServer: {
port:4000,
before(app){
app.get('/goods/list',(req,res,next)=>{
res.json(mockdata);
})
}
}
}
配置好后,我们就可以直接在vue中调用:
// 利用了axios
axios.get("/goods/list").then(res => {
this.goodsList = res.data.result;
}).catch(error=>{
console.log(error);
});