以前用的都是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,
			},
			
		}
	},

 

Logo

前往低代码交流专区

更多推荐