OAuth授权码流场景下：Angular SPA完成浏览器端OAuth认证后如何恢复业务流程

嗨，我来帮你梳理下这个问题的解决思路——你遇到的核心痛点就是OAuth认证完成后，网关不知道该把用户导回原本的业务场景，直接跳去根路径导致404对吧？下面几个实用方案应该能帮你搞定：

方案一：让网关记住初始请求，认证后自动恢复流程 #

这个方案能让用户认证完成后直接回到原来的业务页面，体验最好：

• Angular端拦截401时传递请求信息：在HTTP拦截器里捕获401时，把当前的路由路径（比如this.router.url）作为参数附加到网关的OAuth授权请求里，比如跳转到http://localhost:8080/oauth2/authorization/adfs?originalPath=${encodeURIComponent(this.router.url)}。
• 网关端保存并解析请求信息：自定义Spring Security的OAuth2AuthorizationRequestResolver，把前端传过来的originalPath塞进OAuth的state参数里（这个参数会在认证流程中来回传递，不会丢失）；然后再写一个自定义的OAuth2LoginSuccessHandler，在认证成功后解析state里的原始路径，重定向回Angular的对应地址，比如http://localhost:4200${originalPath}。

举个网关端的代码示例：

// 自定义授权请求解析器，把原始路径塞进state
@Bean
public OAuth2AuthorizationRequestResolver authorizationRequestResolver(ClientRegistrationRepository repo) {
    DefaultOAuth2AuthorizationRequestResolver resolver = new DefaultOAuth2AuthorizationRequestResolver(repo, "/oauth2/authorization");
    resolver.setAuthorizationRequestCustomizer(customizer -> customizer.additionalParameters(params -> {
        HttpServletRequest request = ((ServletRequestAttributes) RequestContextHolder.getRequestAttributes()).getRequest();
        String originalPath = request.getParameter("originalPath");
        if (originalPath != null) {
            params.put("state", Base64.getUrlEncoder().encodeToString(originalPath.getBytes()));
        }
    }));
    return resolver;
}

// 自定义认证成功处理器，重定向回原始路径
@Component
public class CustomLoginSuccessHandler extends SimpleUrlAuthenticationSuccessHandler {
    @Override
    protected String determineTargetUrl(HttpServletRequest request, HttpServletResponse response) {
        String state = request.getParameter("state");
        if (state != null) {
            String originalPath = new String(Base64.getUrlDecoder().decode(state));
            return "http://localhost:4200" + originalPath;
        }
        // 默认回SPA首页
        return "http://localhost:4200/";
    }
}

// 配置Spring Security使用自定义处理器
@Bean
public SecurityFilterChain securityFilterChain(HttpSecurity http, CustomLoginSuccessHandler handler) throws Exception {
    http
        .authorizeHttpRequests(auth -> auth.anyRequest().authenticated())
        .oauth2Login(oauth2 -> oauth2.successHandler(handler));
    return http.build();
}

方案二：给网关根路径配置默认重定向（简单快捷） #

如果对“回到原页面”的要求不高，只想解决404的问题，可以直接给网关的根路径加个重定向规则，让认证后直接跳回Angular首页：

• 用Spring Boot写个简单的控制器：

@Controller
public class SpaRedirectController {
    @GetMapping("/")
    public String redirectToSpa() {
        return "redirect:http://localhost:4200/";
    }
}

• 或者用Spring Cloud Gateway的路由配置：

spring:
  cloud:
    gateway:
      routes:
        - id: spa_redirect
          uri: http://localhost:4200
          predicates:
            - Path=/

方案三：Angular端主动恢复请求（前端主导） #

如果不想改动网关太多，可以让Angular在认证完成后，主动重新发起之前的业务请求：

• 拦截401时，把失败的请求信息（URL、方法、参数等）存在localStorage里（注意别存敏感数据），然后跳去网关的授权页面。
• 当Angular应用重新加载（认证后重定向回来）时，检查localStorage里有没有待恢复的请求，如果有就重新发起，完成后清空存储。

额外注意事项 #

• 确保ADFS的客户端回调地址配置的是网关的默认OAuth回调路径（比如http://localhost:8080/login/oauth2/code/adfs），这个是Spring Security OAuth2的默认路径。
• 如果网关用Cookie存储令牌，要注意Cookie的跨域配置：比如设置SameSite=Lax，如果是HTTPS环境还要开启Secure属性，确保Angular请求能自动带上Cookie。

备注：内容来源于stack exchange，提问作者Debrah Tinsia