Angular 和 Spring Boot：请求的资源上不存在“Access-Control-Allow-Origin”标头。 如何通过angular和spring boot解决

Question

在这一切之后，我得到了同样的错误。 如何解决。

错误：从源 'http://localhost:4200' 访问 XMLHttpRequest at 'http://localhost:8083/getuser' 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：否 'Access -Control-Allow-Origin' 标头存在于请求的资源上##

拦截器

 @Injectable()
export class AuthInterceptor implements HttpInterceptor{

 constructor(private loginService:LoginService){

 }

 intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
  let newReq=req;
  let token=this.loginService.getToken();
  console.log("Interceptor ",token) 

  if(token!=null){
    newReq=newReq.clone({setHeaders:{Authorization:`Bearer ${token}`}})
  }
  return next.handle(newReq)
}

}

app.module.ts

providers: [LoginService,AuthGuard, 
 [{provide:HTTP_INTERCEPTORS,useClass:AuthInterceptor,multi:true}]]

后端控制器

@CrossOrigin(origins ="*")
@RestController
public class Home {

@GetMapping("/welcome")  
public String welcome() {
    
    System.out.println("Home.welcome()");
    return "this is private page ";
}

@GetMapping("/getuser")
public String getUser() {
    
    return "My Name";
}
}

Answer 1

如果这只是您正在使用的玩具项目而不是生产代码，您可以像这样禁用CorsFilter中的SpringSecurity ...

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