admin管理员组文章数量:1642342
以前用的都是vue-cli2脚手架做vue项目,最近想着得跟着时代的步伐,于是更换成了vue-cli3,结果后台给了个https://xxx.xxxx.xx的代理地址,一开始代理模块自己如下写法,结果就有了接下来的接口骚操作
devServer: {
// 配置代理
proxy: {
"/api/v1": {
target: 'https://xxx.xxx.xx',
changeOrigin: true,
pathRewrite: {
"^/api/v1": "/api/v1"
}
},
}
}
百思不得解,一大堆google百度308,结果都是搜不到重点,知道昨天研究到两点多恍然有个链接点醒了下,http不能访问https链接,才想着问题是不是出在这里,于是开始往这个方向搜寻,最后将上述代理换成了如下,加入了https访问允许,问题迎刃而解,vue-cli3接口代理需要加入https的访问允许,否则会有上述的重定向问题,vue-cli2不知道是否http-proxy-middleware;里的proxyTable本身已经有了https访问的处理,用vue-cli2则不会有上述问题,希望可以帮到同样入坑的伙伴,至少可以不用熬到半夜三更还一头雾水的到处乱碰壁,扔出几个小时才参透出来的代码~
devServer: {
host: "0.0.0.0",
port: 8000, // 端口号
https: true, // 允许https接口代理
open: true,
hotOnly: true, // 热更新
proxy: {
"/api/v1": {
target: "https://xxx.xxxx.xx",
changeOrigin: true,
secure: false,
},
}
},
本文标签: 接口vueAPIredirectpermanent
版权声明:本文标题:vue-cli3 接口api代理 308 Permanent Redirect 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/dongtai/1729334353a1196785.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论