origin - spring security angular 4

CORS semi trabajando entre Angular App y Spring backend

Question

Siguiendo este tutorial de Spring , he agregado el siguiente bean a mi lógica de configuración. Tenga en cuenta que estoy usando Spring Boot.

Si está utilizando Spring Boot, se recomienda declarar un bean WebMvcConfigurer de la siguiente manera:

@Bean
public WebMvcConfigurer corsConfigurer() {
    return new WebMvcConfigurer() {
        @Override
        public void addCorsMappings(CorsRegistry registry) {
            registry.addMapping("/**") 
                    // Just slightly modified
                    .allowedMethods("HEAD", "GET", "PUT", "POST", 
                                    "DELETE", "PATCH", "OPTIONS")
                    .allowedOrigins("*")
                    .allowedHeaders("*");
        }
    };
}

Aquí está la cosa: puedo registrar un usuario del lado del cliente:

onSubmit() {
  this.http.post(''http://localhost:8080/register'', this.registerForm.value)
    .subscribe(
      data => this.onRegisterSuccess(),
      err => alert(err.error.message)
    );
}

pero no puedo acceder al punto final para mi token OAuth2:

onSubmit() {
  const headers = new HttpHeaders()
    .set(''Content-Type'', ''application/x-www-form-urlencoded'')
    .set(''Authorization'', ''Basic dGVzdGp3dGNsaWVudGlkOlhZN2ttem9OemwxMDA='');

  this.http.post(''http://localhost:8080/oauth/token'', this.loginForm.value, {headers: headers})
    .subscribe(
      data => this.onLoginSuccess(),
      err => alert(err.error.message)
    );
}

La conversación resultante:

no tengo idea cual es el problema.

Answer 1

El encabezado de autorización es especial. Debes agregar con un método diferente

.allowCredentials(false)