首先第一步把vue.config.js放在项目的根目录下
然后重启项目
在这里代理的关键字是/api,也就是在之后请求的时候 在路径前拼接/api
如果用http 必须要把baseurl删除
/*
* @Description: 配置文件
*/
module.exports = {
publicPath: "./",
devServer: {
open: true,
proxy: "http://106.15.179.105/api"
},
};
proxy是代理的意思
代理跨域就是在欺骗浏览器 让浏览器认为你访问的还是 同源的localhost:8080 ,但是用代理把地址代理到了需要跨域的地址去了。
在项目中使用方法实例如下:
// 获取轮播图数据
this.$axios
.post("/api/resources/carousel", {})
.then(res => {
this.carousel = res.data.carousel;
})
.catch(err => {
return Promise.reject(err);
});