对预飞行请求的响应没有通过访问控制检查：它没有HTTP ok状态。（Spring Security&Angular）

Question

这是我尝试通过spring Security中的基本身份验证登录时得到的错误。@crossorigin()注释包含在rest控制器中。但我还是得到了这个信息。我还尝试过@crossorigins(origins={“localhost:4200”}，allowedheaders={“accept”}），但当我尝试登录时，仍然会显示该消息。

用于验证的Angular方法：（我正在返回rest控制器中的登录用户id）

authenticate(username, password) {
  const headers = new HttpHeaders({ Authorization: 'Basic ' + btoa(username + ':' + password) });

  return this.http.get<number>('http://localhost:8080/hiring-prediction-tool/users/login', {headers})
  .pipe(map(
      userData => {
        console.log(userData, 'userData');
        sessionStorage.setItem('username',username);
        let authString = 'Basic ' + btoa(username + ':' + password);
        sessionStorage.setItem('basicauth', authString);
        return userData;
      }
    )
  ); 
}

Answer 1

解决这一问题的正确方法是使用像nginx或apache这样的服务器将流量引导到站点的前端或后端部分。

您还可以让后端为您的angular站点提供服务。运行ng build（我正在使用下面的开发配置），并将angular.json文件中的outputPath放入服务器。例如。

      "configurations": {
        "development": {
          "extractCss": true,
          "sourceMap": true,
          "watch": true,
          "poll": 1000,
          "outputPath": "../server/target/classes/static"
        }

您将需要做一些额外的配置，以使所有的服务都完善起来，但是整个站点将位于localhost:8080。

protected void configure(HttpSecurity http) throws Exception {
    http.cors().disable();
}