Spring接口302重定向外部URL 前端Axios调用时页面不跳转问题

405错误不是重定向失效的根因，问题核心是请求方式的逻辑差异：axios发起的是异步AJAX请求，和浏览器地址栏触发的顶层导航请求，处理302重定向的规则完全不同。你的后端重定向代码本身没有问题，地址栏访问可以正常跳转已经能验证这一点。

• 地址栏输入URL访问属于浏览器顶层导航行为：收到302状态码加Location响应头时，浏览器会直接控制当前窗口跳转到目标地址，是默认的正常导航逻辑。
• axios发起的是XHR异步请求：这类请求的响应默认交由JS运行时处理，就算后端返回302重定向响应，浏览器只会在异步请求链路内部自动跟随重定向发新请求，不会主动修改顶层窗口地址、不会触发页面级跳转，这就是你看到页面空白的核心原因。
• 截图里的405只是次生报错：是异步请求自动跳转到外域地址时，触发跨域限制、目标站点不支持对应请求方法导致的问题，和你后端写的重定向逻辑没有关系。

根据业务场景二选一即可：

1. 前后端配合传递跳转地址
   后端调整接口逻辑，对异步请求不再返回302状态码，改为返回200状态，在响应体中携带目标跳转地址。前端拿到响应后手动触发页面跳转，示例代码：

   const res = yield globalAxios.get('http://somehost:8080/redirect')
   // 按后端实际返回的字段结构取跳转地址即可
   window.location.href = res.data.redirectUrl
   

2. 前端改用顶层导航触发跳转
   不需要通过axios发异步请求调用重定向接口，直接通过浏览器导航能力访问接口即可，浏览器会自动按顶层导航逻辑处理302跳转，示例代码：

   window.location.href = 'http://somehost:8080/redirect'
   

注意：不要尝试在axios响应拦截器中捕获302状态做手动跳转，XHR自动跟随重定向的过程由浏览器底层控制，JS层面无法获取到中间的302响应，拦截器根本抓不到这个状态，这类方案是行不通的。

内容的提问来源于stack exchange，提问作者Coder17