跨域問題終極解決辦法

跨域這種問題

　　不能簡單的說，后台配置 Access-Control-Allow-Origin *就完事了

　　Access-Control-Allow-Headers 中的參數也是五花八門，即使你設置了*也不能解決所有問題，其中macOS - Safari中會用到XFILENAME,XFILECATEGORY,XFILESIZE，這哥仨不加到Headers中，Safari瀏覽器就會報跨域問題。

　　接口中可能定義一下參數放在http請求的header中，此時后端也需要配置，否者會在一些老的iphone設備上就會報錯

　　還有一些其他原因導致的問題，筆者沒法在這里一一列舉，碰到一個加一個，解決思路就是把這些參數一一加到Access-Control-Allow-Headers中，可以在Nginx中添加，也可以在后端服務添加。

nginx中

add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Headers *,Content-Type,traceid,rpcid,XFILENAME,XFILECATEGORY,XFILESIZE;

這兩行加在server--->localtion 中

另外提供一種golang+gin的解決辦法

traceid,rpcid是http請求的header中用到兩個參數

main.go中

    // 全局跨域
    router.Use(cors.New(cors.Config{
        AllowAllOrigins:  true,
        AllowCredentials: true,
        AllowMethods:     []string{"*"},
        AllowHeaders:     []string{"*", "x-requested-with", "Content-Type", "XFILENAME", "XFILECATEGORY", "XFILESIZE"},
        ExposeHeaders:    []string{"*"},
    }))

go get -u github.com/gin-contrib/cors

其他語言就不一一列舉了