Access to XMLHttpRequest at ‘http:/xxxx:8866/xxxx‘ from origin ‘null‘ has been blocked by CORS polic

解决前端请求出现跨域问题

异常原因

这个异常正如标题所说这是一个跨域问题。
而出现这个异常的原因是前端发送请求的端口与请求的后端接口没在同一个端口导致的，例如前端的请求是从8866端口发出的，但是后端接口却在8080或者前端和后端的部署就没在同一个服务器。
在解决之前我们需要知道，出现这个异常是不是代表我们连请求都没有发送给后端接口，经过测试打印，可以发现后端是接收到请求的，所以我们只需要解决前端的问题即可（可以自己测试，我的是没问题）。
通过翻阅各种资料，许多都是说的是因为浏览器不支持跨域所以会出现问题（可能有问题），所以解决办法就是在返回请求时对，返回的消息的头信息进行修改即可。

解决方法

目前比较有用的方法就是配置一个Filter过滤器，然后对所有的请求头信息进行修改，具体代码如下
<

@WebFilter("/*")
public class FilterConfig implements Filter {
@Override
public void init(javax.servlet.FilterConfig filterConfig) throws ServletException {
}

@Override
public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
    HttpServletRequest req =  (HttpServletRequest) request;
    HttpServletResponse rep =  (HttpServletResponse) response;
    rep.setHeader("Access-Control-Allow-Origin","*");
    rep.setHeader("Access-Control-Allow-Headers","*");
    rep.setHeader("Access-Control-Allow-Methods","*");
    chain.doFilter(request,response);
}

@Override
public void destroy() {
}
}

这里就会对所有的前端请求的头信息修改，从而解决跨域问题。
（有问题请大家在讨论区交流）