跨域问题终极解决办法

跨域这种问题

　　不能简单的说，后台配置 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

其余语言就不一一列举了