Phản hồi cho preflight có mã trạng thái HTTP không hợp lệ 401 - Spring

Question

mọi người. Tôi mới vào Angular 2 và Spring Framework. Tôi đang thử một yêu cầu nhận đơn giản với tiêu đề ủy quyền (auth cơ bản).

Tôi đang sử dụng Khởi động mùa xuân (1.2.6.RELEASE), cũng có thể có liên quan. Cấu hình CORS của tôi trông như thế này.

@Component 
public class SimpleCorsFilter implements Filter { 

private final Logger log = LoggerFactory.getLogger(SimpleCorsFilter.class); 

public SimpleCorsFilter() { 
    log.info("SimpleCORSFilter init"); 
} 

@Override 
public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException { 

    HttpServletRequest request = (HttpServletRequest) req; 
    HttpServletResponse response = (HttpServletResponse) res; 

    response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin")); 
    response.setHeader("Access-Control-Allow-Credentials", "true"); 
    response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE, PUT"); 
    response.setHeader("Access-Control-Max-Age", "3600"); 
    response.setHeader("Access-Control-Allow-Headers", "Content-Type, Accept, X-Requested-With, remember-me, authorization, x-auth-token"); 

    chain.doFilter(req, res); 
} 

@Override 
public void init(FilterConfig filterConfig) { 
} 

@Override 
public void destroy() { 
} 

} 

Và đây là những gì nó trông giống như từ phía khách hàng

this.headers.append('Authorization', 'Basic dXNlcjphZG1pbg=='); 
    return this.http 
      .get(`http://localhost:8080/api/login?username=${username}`, {headers : this.headers}) 
      .map(response => response.json().data as any); 
} 

tôi tiếp tục nhận được:

XMLHttpRequest không thể tải http://localhost:8080/api/login?username=user. Đáp ứng cho preflight có hợp lệ mã trạng thái HTTP 401

Hãy giúp đỡ, tôi không biết những gì tôi đang mất tích ... Tôi đã kiểm tra xung quanh rất nhiều bài viết đã được nhưng không thể đạt được điều đó ...

Answer 1

tránh lọc và sửa status của 200 khi phương pháp http là OPTIONS

if("OPTIONS".equalsIgnoreCase(request.getMethod())) { 
    response.setStatus(HttpServletResponse.SC_OK); 
} else { 
    chain.doFilter(req, res); 
} 

Answer 2

Nếu có bất cứ ai đi vào các tình huống tương tự làm việc xung quanh với mùa xuân Boot, xuân an và khách hàng như góc 2/4, tôi đã đã đăng những phát hiện here.

Đối với những người đang tìm kiếm một câu trả lời ngắn, bạn phải cấu hình hai điều:

1. Với mùa xuân Boot, cách khuyến khích để kích hoạt tính năng toàn cầu CORS là tuyên bố trong Spring MVC và kết hợp với fine- grained @CrossOrigin cấu hình như:

   @Configuration 
   public class CorsConfig { 
   
       @Bean 
       public WebMvcConfigurer corsConfigurer() { 
        return new WebMvcConfigurerAdapter() { 
         @Override 
         public void addCorsMappings(CorsRegistry registry) { 
          registry.addMapping("/**").allowedMethods("GET", "POST", "PUT", "DELETE").allowedOrigins("*") 
            .allowedHeaders("*"); 
         } 
        }; 
       } 
   } 
   

2. Sau đó, khi làm việc với xuân an, bạn phải kích hoạt CORS ở cấp xuân an cũng như để cho phép nó để tận dụng cấu hình được xác định ở cấp Spring MVC như:

   @EnableWebSecurity 
   public class WebSecurityConfig extends WebSecurityConfigurerAdapter { 
   
       @Override 
       protected void configure(HttpSecurity http) throws Exception { 
        http.cors().and()... 
       } 
   } 
   

Chúc mừng !!!

Answer 3

Một tùy chọn khác như trong hướng dẫn an ninh mùa xuân:

trong lớp cấu hình an ninh kéo dài WebSecurityConfigurerAdapter cấu hình CORS()

protected void configure(HttpSecurity http) throws Exception { 

       http 
         .cors().and().**this will use corsConfigurationSource by** default. 


    so lets define corsConfigurationSource 

    // other criteria 
    } 

**so lets define corsConfigurationSource** 

@Bean CorsConfigurationSource corsConfigurationSource() { 

CorsConfiguration configuration = new CorsConfiguration(); 

configuration.setAllowedOrigins(Arrays.asList("http://myufrontend.com")); 

configuration.setAllowedMethods(Arrays.asList("GET", "POST")); 

UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); 

source.registerCorsConfiguration("/**", configuration); 





}