Go gin 中拒绝了多个 CORS 值 api

multiple CORS values being rejected in Go gin api

在我的 Go API 中,我使用的是杜松子酒,并且我在 Access-Control-Allow-Origin header 中设置了一个值。如果我有多个,我的反应 UI 会抛出一个错误 The Access-Control-Allow-Origin header contains multiple values 'http://value1, http://value2', but only one is allowed...。我需要设置多个值。我该怎么做?

API是反向代理,相关代码如下:

func proxy(c *gin.Context) {
  var remote = "myUrl"
  proxy := httputil.NewSingleHostReverseProxy(remote)
  proxy.Director = func(req *http.Request) {
        req.Header.Set("Authorization", "My Auth Values")
        req.Host = remote.Host
        req.URL.Scheme = remote.Scheme
        req.URL.Host = remote.Host
    }
    proxy.ModifyResponse = addCustomHeader
    proxy.ServeHTTP(c.Writer, c.Request)
}

func addCustomHeader(r *http.Response) error {
    r.Header["Access-Control-Allow-Origin"] = []string{"value1"}
    return nil
}

一个 CORS header 只能包含一个值。如果您想实现自己的 CORS 中间件,则需要解决这个问题。

一个简单的 CORS 中间件会将 Access-Control-Allow-Origin header 与传入请求的特定地址的值相加,通常取自 RefererOrigin header。通常,您首先将其与列表或地图进行匹配,以查看它是否在您的 允许列表 中。如果是这样,则将请求的地址添加为允许的来源(作为单个值)。

一个简单的示例可能如下所示

allowList := map[string]bool{
    "https://www.google.com": true,
    "https://www.yahoo.com":  true,
}

http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
    if origin := r.Header.Get("Origin"); allowList[origin] {
        w.Header().Set("Access-Control-Allow-Origin", origin)
    }
})

由于您使用的是反向代理,因此您可以从响应中访问请求。

mod := func(allowList map[string]bool) func(r *http.Response) error {
    return func(r *http.Response) error {
        if origin := r.Request.Header.Get("Origin"); allowList[origin] {
            r.Header.Set("Access-Control-Allow-Origin", origin)
        }
        return nil
    }
}

proxy := &httputil.ReverseProxy{
    Director: func(r *http.Request) {
        r.URL.Scheme = "https"
        r.URL.Host = "go.dev"
        r.Host = r.URL.Host
    },
    ModifyResponse: mod(allowList),
}

每个传入请求只需要一个值。通常的技术是在服务器上配置可信来源,例如:

  • trustedOrigins:[https://www.domain1.com、https://www.domain2.com]

然后检查 origin header 的运行时值,所有现代浏览器都会发送该值。如果这是可信来源,则添加 CORS headers:

可以使用通配符,但不推荐使用通配符,如果您还使用凭据请求(例如带有 cookie 的请求),通配符也不会按预期工作。