Angular-Spring Boot-Nginx架构下浏览器持续弹出登录弹窗问题求助

1. 排查Nginx配置问题 #

• 确认当前匹配的Nginx location块没有配置auth_basic相关认证规则，若Nginx本身开启了基础认证，会在请求转发到后端前就触发登录弹窗。
• 检查Nginx全局配置有没有加underscores_in_headers on;，默认Nginx会忽略名称带下划线的自定义请求头，如果你用的认证头是X_Auth_Token这类带下划线的命名，Spring Boot侧会收不到认证信息，自然会触发鉴权失败。
• 确认认证头传递配置写在匹配后端接口的location块内，参考正确配置：

  location /api/ {
      proxy_pass http://你的后端服务地址;
      proxy_set_header Authorization $http_authorization;
      proxy_pass_header Authorization;
  }
  

• 检查有没有配置proxy_hide_header Authorization、more_clear_headers 'Authorization'这类会删除认证头的规则。

2. 排查Spring Security配置问题 #

• 确认Spring Security没有拦截OPTIONS预检请求，预检请求默认不会携带认证头，直接返回401的话就会触发弹窗，参考放行配置：

  @Bean
  public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception {
      http
          .cors(Customizer.withDefaults())
          .authorizeHttpRequests(auth -> auth
              .requestMatchers(HttpMethod.OPTIONS).permitAll()
              // 其他需要放行的路径自行补充
              .anyRequest().authenticated()
          )
          // 如果你用JWT等非HTTP Basic认证，必须关闭httpBasic配置，否则鉴权失败会自动返回触发弹窗的响应头
          .httpBasic(httpBasic -> httpBasic.disable());
      return http.build();
  }
  

• 如果你必须保留HTTP Basic认证，可增加全局401异常拦截，捕获异常时移除响应头里的WWW-Authenticate字段，浏览器就不会触发原生登录弹窗，你可以自行在前端实现登录跳转逻辑。

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