#說明
　　本文給出幾種java後端配置跨域的方法，在tomcat7和8上測試通過。如果你只是為了前後端聯調的話，那最好不要採用配置後端的方法，而是使用前端框架提供的解決方案，比如你使用的是vue框架的話，可以採用參考這篇博文：https://www.jianshu.com/p/95b2caf7e0da

#方法一
　　如果只需要Http的Get與Post方法跨域的話，則使用下面的方法可以很輕鬆的解決：
　　在web.xml中新增如下過濾器，這個過濾器是tomcat自帶的，所以不需要新增任何額外的依賴：

<!--為了允許跨域訪問-->
<filter>
    <filter-name
 
>CorsFilter</filter-name>
    <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
</filter>
<filter-mapping>
    <filter-name>CorsFilter</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>

#方法二
　　方法一經過我的測試僅僅能夠讓post和put請求跨域，其他請求如put,delete請求仍然無法跨域，有的部落格上說能夠通過在上面的過濾器配置中新增如下的初始化引數來解決：

<!--該配置依舊無法讓delete和put等請求跨域-->
<filter>
        <filter-name>CorsFilter</filter-name>
        <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>
        <init-param>
            <param-name>cors.allowOrigin</param-name>
            <
 
param-value>*</param-value>
        </init-param>
        <init-param>
            <param-name>cors.supportedMethods</param-name>
            <param-value>GET, POST, HEAD, PUT, DELETE</param-value>
        </init-param>
        <init-param>
            <param-name>cors.supportedHeaders</param-name>
            <param-value>Accept, Origin, X-Requested-With, Content-Type, Last-Modified</param-value>
        </init-param>
</filter>

從引數名看，上面的引數似乎非常有可能解決問題，但是我嘗試了之後，delete和put等請求依舊無法跨域，但是我伺服器給客戶端的api想要儘量滿足RESTful的風格，那麼put和delete的方法請求伺服器肯定是必不可少的，於是我只能嘗試著自己寫過濾器了，我調研了一下伺服器禁止跨域的原理，通過抓包發現瀏覽器在進行跨域訪問之前會先用options方法請求tomcat伺服器，然後tomcat伺服器會用http響應頭返回一些引數，比如"Access-Control-Allow-Methods"引數表示允許跨域的Http方法，"Access-Control-Allow-Origin"引數表示允許跨域的源，"Access-Control-Allow-Headers"表示跨域允許的請求頭的引數.

根據伺服器返回的引數，如果瀏覽器發現該跨域請求非法，則會禁止該跨域請求。有了這些知識之後，其實只要自己在java端寫一個全域性過濾器就可以了，給所有請求的響應都加上那幾個引數，表示允許對伺服器進行任何跨域訪問，這樣瀏覽器就不會加以阻止了，過濾器的程式碼如下：

import javax.servlet.*;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class CORSFilter implements Filter {

    public void init(FilterConfig filterConfig) throws ServletException {

    }

    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        HttpServletResponse httpResponse = (HttpServletResponse) servletResponse;
        //*表示允許所有域名跨域
        httpResponse.addHeader("Access-Control-Allow-Origin", "*");
        httpResponse.addHeader("Access-Control-Allow-Headers",
                "Origin, X-Requested-With, Content-Type, Accept");
        //允許跨域的Http方法
        httpResponse.addHeader("Access-Control-Allow-Methods", "GET,POST,PUT,DELETE");
        filterChain.doFilter(servletRequest, servletResponse);
    }

    public void destroy() {

    }
}

可以看出這一段程式碼只是在響應頭上面加了三個引數而已，之後在web.xml上面配置：

    <!--為了允許跨域訪問-->
    <filter>
        <filter-name>CorsFilter</filter-name>
        <filter-class>org.du.personalsitemock.mockutil.CORSFilter</filter-class>
    </filter>

    <filter-mapping>
        <filter-name>CorsFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

經過測試，這個方法可以保證DELETE和PUT等方法也可以跨域，到此跨域問題就解決了。而且你會發現還可以通過Access-*那三個引數的值進行更加靈活的配置，比如只允許部分源地址可以跨域等等。