跨域問題終極解決辦法

跨域這種問題

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

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

　　還有vue-cli3生成的vue項目發送http請求出現跨域，是由於traceid,rpcid，這倆參數。

　　還有一些其餘緣由致使的問題，筆者無法在這裏一一列舉，碰到一個加一個，解決思路就是把這些參數一一加到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的解決辦法

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

其餘語言就不一一列舉了