在成功的OPTIONS调用角与Spring引导后不调用GET请求

Question

我正在尝试使用angular和spring boot实现登录功能。

我正在学习Spring教程https://spring.io/guides/tutorials/spring-security-and-angular-js/但在我的例子中，angular项目托管在localhost:4200上，spring托管在localhost:8080上

现在我发送一个/user请求到Spring服务器。我的角代码看起来像：

const headers = new HttpHeaders(credentials ? {
        authorization: 'Basic ' + btoa(credentials.username + ':' + credentials.password)
    } : {});

    this.http.get('http://localhost:8080'+'/user', { headers: headers }).subscribe(response => {
        if (response['name']) {
            this.authenticated = true;
        } else {
            this.authenticated = false;
        }
        return callback && callback();
    });

现在因为CORS，它发送选项请求，状态为200，成功。在此之后，它不会发送实际的GET请求，该请求应该以$http发送选项而不是PUT/POST的形式发送凭据

我的spring代码如下所示：

@CrossOrigin(origins = "*", maxAge = 3600, allowedHeaders={"x-auth-token", "x-requested-with", "x-xsrf-token"})
@RequestMapping("/user")
public Principal user(Principal user) {
    return user;
}

@Configuration
@Order(SecurityProperties.DEFAULT_FILTER_ORDER)
protected static class SecurityConfiguration extends WebSecurityConfigurerAdapter {
    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.httpBasic().and().cors().and().authorizeRequests().antMatchers("/index.html", "/", "/home", "/login").permitAll()
                .anyRequest().authenticated().and().csrf()
                .csrfTokenRepository(CookieCsrfTokenRepository.withHttpOnlyFalse());
    }
}

另外，我在pom文件中添加了Spring Security。

您能帮助找出为什么在OPTIONS请求后不触发GET请求吗？

Answer 1

根本原因：在Spring Security性中，您只允许三种类型的请求头，即allowedHeaders={“x-auth-token”、“x-requested-with”、“x-xsrf-token”}

但是，在你的http中。获取request您正在使用头名称作为authorization进行基本身份验证，但被Spring Security拒绝。因此，spring将允许的标题响应到您的浏览器（即使用OPTIONS方法的飞行前请求），您的浏览器会看到。。哎呀<代码>授权头是不允许的，因此我无法继续最初的GET调用。

解决方案：在spring security中也允许授权标题。它应该有用的。！！