天杀的 vue cli 4 。一晚上就弄这个了~~~~。之前的错误版该说的都说了,这次直接贴正确代码。不过有几点要先说。
1.首先,不懂的一定要先看vue.config.js配置的官网:https://cli.vuejs.org/zh/config/#devserver-proxy
2.之前在vue cli 2中,显示mooc和打印mooc都是在vue组件中写的,但是现在是直接在这个配置文件中写。
3.还有一些话写在了代码里
vue只看关键部分
methods:{
getHomeInfo(){
//首先 访问8080, axios去请求这么一个路径
//接下来,这个路径会到 vue.config.js中
axios.get("/api/index.json").then(this.getHomeInfoSucc)
},
getHomeInfoSucc(res){
//这里可以在控制台中打印
console.log(res)
}
},
mounted(){
this.getHomeInfo()
}
接下来是重头戏:vue.config.js
const path = require('path');
const mockdata=require("./mock/index.json")
fun