java - 对预检请求的响应未通过访问控制检查 : No 'Access-Control-Allow-Origin' header is present . 服务器错误

Question

我在前端使用 Angular JS，在后端使用 Java Hibernate。我的网站几天前运行得很好，但最近我对表结构做了一些更改。在这些更改之后，当我尝试集成 Angular JS 时，我遇到了以下错误消息。

XMLHttpRequest cannot load localhost:8080/SignInMainServlet. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'localhost:3000' is therefore not allowed access.

我阅读了一些有关预检请求和 header 权限的内容，但所有可能的解决方案都失败了。

我有一个索引页面，其中有一些获取请求，并且当我最初加载页面或稍后刷新它时，它工作得非常好。但是当我调用 SignInMainServlet 的 post 请求时，就会弹出错误。此后，当我刷新页面时，所有获取请求都不起作用并显示相同的错误。

这是我的发帖请求

return $http({
            method: 'POST',
            url: 'http://localhost:8080/SignInMainServlet',
            data: $httpParamSerializerJQLike({
                login_source: source,
                accessToken: code,
                referrer_code: referral_id
            }),
            headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8' }
        });

他的请求的服务器端是:

String referrer_code=request.getParameter("referrer_code");
String login_source=request.getParameter("login_source");
String accessToken=request.getParameter("accessToken");

SignInMainManager m = new SignInMainManager(accessToken, referrer_code, login_source,REFERRAL_CODE_COUNT);
String result = m.signIn();


response.setContentType("text/html");  

response.addHeader("Access-Control-Allow-Origin","*");
response.addHeader("Access-Control-Allow-Methods"," GET, POST, OPTIONS");
response.addHeader("Access-Control-Allow-Headers","Content-Type");

PrintWriter out = response.getWriter(); 


out.println(result);
out.close();//closing the stream 

我在发送请求时监控网络并得到以下信息:

一般

请求 URL:localhost:8080/SignInMainServlet请求方法:选项状态码:200 正常远程地址:127.0.0.1:8080

响应 header

允许:获取、头部、发布、跟踪、选项内容长度:0日期:2017 年 2 月 5 日，星期日 10:49:56 GMT服务器:Jetty(8.1.14.v20131031)

请求 header

接受:/接受编码:gzip、deflate、sdch、br接受语言:en-GB，en-US；q=0.8，en；q=0.6访问控制请求 header :授权访问控制请求方法:POST连接:保持 Activity 状态主机:本地主机:8080来源:本地主机:3000推荐人:本地主机:3000/用户代理:Mozilla/5.0(X11；Linux x86_64)AppleWebKit/537.36(KHTML，如 Gecko)Chrome/55.0.2883.87 Safari/537.36

Answer 1

我创建了这个过滤器，现在它可以处理所有请求。

package com.your.package;

import java.io.IOException;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletResponse;    

@WebFilter(asyncSupported = true, urlPatterns = { "/*" })
public class Filter implements javax.servlet.Filter {

    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
        ((HttpServletResponse) response).addHeader("Access-Control-Allow-Origin", "*");
        ((HttpServletResponse) response).addHeader("Access-Control-Allow-Methods", "GET, OPTIONS, HEAD, PUT, POST");
        ((HttpServletResponse) response).addHeader("Access-Control-Allow-Headers", "Content-Type");
        ((HttpServletResponse) response).addHeader("Access-Control-Max-Age", "86400");
        // pass the request along the filter chain
        chain.doFilter(request, response);
    }

    public void init(FilterConfig fConfig) throws ServletException {
        // TODO Auto-generated method stub
    }

    @Override
    public void destroy() {
        // TODO Auto-generated method stub
    }
}

如果您使用的是 web.xml，则可以按照此操作。 https://amodernstory.com/2014/12/27/using-cors-headers-with-java-example/