Spring Boot中HttpServletResponse.sendRedirect无法跳转至React指定页面问题求助

• 地址缺少协议前缀：你当前使用的sendRedirect("localhost:3000/loginafterverify")未添加http://协议头，浏览器会将其识别为相对当前Spring Boot服务的路径，导致跳转地址异常，直接修改为完整路径即可：

httpServletResponse.sendRedirect("http://localhost:3000/loginafterverify");

• 异步请求不触发页面跳转：如果该接口是被React端的axios异步调用，后端返回的302重定向会被axios默认自动跟随，不会触发浏览器顶层页面跳转。这种场景建议放弃后端重定向方案，改为后端返回跳转地址，前端主动控制跳转：
  后端调整返回参数：

  user.setIsVerified(true);
  User savedUser = userRepository.save(user);
  response.put("success", true);
  response.put("message", "User Registered is Successful");
  response.put("redirectUrl", "http://localhost:3000/loginafterverify");
  return response;
  

  前端axios回调处理：

  axios.post('你的接口地址', 请求参数).then(res => {
    if (res.data.success) {
      window.location.href = res.data.redirectUrl
    }
  })
  

注：如果该接口是用户通过邮箱链接等方式直接在浏览器地址栏访问的同步请求，仅补充http://前缀即可正常跳转。

该问题90%以上是跨域拦截导致，Spring Boot默认未开启跨域支持，浏览器同源策略会拦截React端的跨域请求，可选择以下任意一种方式解决：

• 局部接口开放跨域：在对应Controller的类或者接口方法上添加@CrossOrigin(origins = "http://localhost:3000")注解
• 全局跨域配置：新增配置类统一放开所有接口的跨域限制

@Configuration
public class CorsConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("http://localhost:3000")
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
                .allowCredentials(true)
                .maxAge(3600);
    }
}

如果配置跨域后仍无法访问，依次排查：

• 接口请求方法、路径是否和axios调用的配置完全一致
• Spring Boot是否配置了server.servlet.context-path上下文前缀，axios调用时需要补全该前缀
• 确认Spring Boot服务正常启动，端口没有被占用、和调用地址的端口一致

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