第一步:
根目录下新建‘mock’文件夹,用来放json文件
goods.json
{
"goodsList":{
"status": 0,
"result": [{
"id": 1,
"product": "相机"
},
{
"id": 2,
"product": "手机"
}
]
},
"goodsTotal":{
"status":0,
"result":{
"total":100
}
}
}
第二步:
vue.config.js
配置
const goodsData = require('./mock/goods.json');
devServer: {
before (app) {
app.get('/goods/list', (req, res) => {
return res.json(goodsData.goodsList)
});
app.get('/goods/total', (req, res) => {
return res.json(goodsData.goodsTotal)
});
}
}
第三步:调用
goods.vue
import axios from "axios";
export default:{
methods:{
getList(){
axios.get('/goods/list',(req,res)=>{
console.log(res);
})
}
}
}