vue-cli3 接口api代理 308 Permanent Redirect
以前用的都是vue-cli2脚手架做vue项目,最近想着得跟着时代的步伐,于是更换成了vue-cli3,结果后台给了个https://xxx.xxxx.xx的代理地址,一开始代理模块自己如下写法,结果就有了接下来的接口骚操作devServer: {// 配置代理proxy: {"/api/v1": {target: 'https://xxx.xxx.xx',changeOrigin: true,
·
以前用的都是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,
},
}
},
更多推荐
已为社区贡献8条内容
所有评论(0)