vue3|vue3 proxy本地代理
【vue3|vue3 proxy本地代理】第一步在vue.config.js写上代理
devServer: {
hot: true,
compress: true,
disableHostCheck: true,
proxy: {
"/api": {
target: "http://xxxx:8002/Home",//你的接口地址
changeOrigin: true,//是否跨域
pathRewrite: {
"^/api": ""//接口重写,表示/api开头的就是代理到target,即是http://xxxx:8002/Home
}
}
}
},
第二步,在axios文件里面配置baseurl
const instance3 = axios.create({
baseURL: "/api", //这里会读取vue.config里面的配置。自动重写地址。
timeout: 60000,
headers: {
"Content-Type": "application/json;
charset=utf-8"
}
});
第三部,接口请求
var _this = this;
_this
.$axios3({
method: "post",
url: "gettask", //正常请求接口地址就可以了
data: { id:1 }
})
.then(function (res) {
console.log(res);
});
文章图片
这就是完整的本地代理设置
推荐阅读
- 设计模式-代理模式-Proxy
- Flutter的ListView
- AnyProxy抓取http/https请求
- Xshell5|Xshell5 远程连接本地虚拟机Ubuntu16
- iOS|iOS 本地推送开发记录二
- Nginx进阶(1)——nginx本地代理配置访问node服务
- 怎么样提升您的业务在本地搜索可见性(可以通过提高本地SEO来实现)
- HAProxy+KeepAlived高可用负载均衡搭建
- git|git 码云
- vue-cli3.0使用proxytable解决跨域问题