在JavaServlet上启用CORS，但从前端接收CORS错误

Question

我正在编写一个web应用程序，其中客户端将（JSON）表单数据发布到，服务器也应该使用JSON进行响应。服务器端使用java servlet编写，运行在Tomcat上，客户端使用Angular 7编写。不幸的是，即使在通过HTTP头启用CORS之后，我仍然面临CORS错误。我有什么遗漏吗？

这就是我在客户端遇到的错误：在'http://localhost:8080/mysocial/signIn“起源”http://localhost:4200'已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：请求的资源上不存在'access control Allow Origin'标头。

我已经阅读了以下文章并尝试了每种解决方案，但问题仍然存在：启用了CORS，但仍然出现CORS错误

如何在Angular 5中修复CORS发出http请求

正如我所说，我已经启用了CORS头文件。代码片段显示了我的服务器端和客户端代码：

// From my data service (client-side angular 7)
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private baseUrl: string = "http://localhost:8080/mysocial";
  private http: HttpClient;

  constructor(http: HttpClient) { 
    this.http = http;
  }

  public authenticateLogin(username: string, password: string) //: boolean
  {
    let url: string = `${this.baseUrl}/signIn`;
    let header = new HttpHeaders({'Accept': 'application/json' ,'Content-Type': 'application/json', 'Access-Control-Allow-Origin': '*' });
    let httpOptions = { headers: header };
    let body = {username: username, password: password};

    return this.http.post(url, body, httpOptions).subscribe(
      (response) => console.log(response),
      (err) => console.log(err)
    );
    //return true;
  }
}

服务器端代码：

// server-side java servlets code
   private void configResponse(HttpServletResponse response)
   {
      response.setContentType("application/json");
      response.addHeader("Access-Control-Allow-Origin", "http://localhost:4200");
      response.addHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, PUT, DELETE, HEAD");
   }

   public void doPost(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException
   {
      Model model = (Model) getServletContext().getAttribute("model");
      String username = request.getParameter("username");
      String password = request.getParameter("password");

      configResponse(response);
      PrintWriter out = response.getWriter();

      if (model.validateLoginDetails(username, password))
      {
         String firstName = model.getUserInfo("firstName", "username", username);
         int id = Integer.parseInt(model.getUserInfo("id", "username", username));

         HttpSession session = request.getSession();
         session.setMaxInactiveInterval(60);
         session.setAttribute("username", username);
         session.setAttribute("firstname", firstName);
         session.setAttribute("id", id);

         JsonObject value = createJsonResponse(username, password, true);
         out.println(value);
      }
      else
      {
         JsonObject value = createJsonResponse(username, password, false);
         out.println(value);
      }
   }

我希望服务器将JSON发送回客户机，但我从客户机收到一个CORS错误。

Answer 1

为了完整起见，对于任何可能遇到这个问题的人来说，我能够使用这里提供的tomcat过滤器解决这个问题：http://tomcat.apache.org/tomcat-7.0-doc/config/filter.html#CORS_Filter（由sideshowbarker（https://stackoverflow.com/users/441757/sideshowbarker）显示）

必须先更改一些服务器配置以匹配筛选器。我建议根据您的需要定制过滤器。