一、使用 response.addHeader(“Access-Control-Allow-Origin”, “*”); 解決

1、前端 
 

2、後端：

二、使用CORS 解決 
1、跨域問題屬於後臺的安全攔截，跟客戶端沒關係，在java後臺，使用cors filter進行攔截處理，引用maven庫cors-filter 

2、修改web.xml，增加cors過濾器，在cors.supportedHeaders節點中，增加Access-Control-Allow-Origin，該處也可以改成＊ 

<!-- CORS-->
    <filter>   
        <filter-name
 
>CORS</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, Access-Control-Allow-Origin</param-value>   
        </init-param>   
        <init-param>      
            <param-name>cors.exposedHeaders</param-name>      
            <param-value>Set-Cookie</param-value>   
        </init-param>   
        <init-param>      
            <param-name>cors.supportsCredentials</param-name>      
            <param-value>true</param-value>   
        </init-param>
    </filter>
    <filter-mapping>   
        <filter-name>CORS</filter-name>   
        <url-pattern>/*</url-pattern>
    </filter-mapping>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30

3、 
cors.allowOrigin：可以通過的ip，代表所有，可以使用指定的ip，多個的話可以用逗號分隔，預設為 
cors.supportedMethods：請求方式 預設為* 
cors.supportedHeaders：請求支援的頭資訊，預設為* 
cors.exposedHeaders：暴露的頭資訊，預設的empy list 
cors.supportsCredentials：支援證書，預設為true 
cors.maxAge： 最大過期時間，預設為-1 
cors.tagRequests： 預設為false 
cors.allowSubdomains：允許子域 預設為false 
詳細設定，可參考官網：http://software.dzhuvinov.com/cors-filter-configuration.html

4、服務端修改後，重啟tomcat