无法访问前端应用程序中的自定义响应标头

Question

我无法访问后端服务器提供的自定义响应标头。服务器是用 Go 编写的。我正在尝试使用 axios 作为我的 HTTP 客户端来访问它。我可以在 chrome 开发工具控制台中看到标头，但无法通过 axios 访问标头。

Chrome 开发工具响应标头。我希望获得底部的 x-***-token

我可以通过 axios 访问的标头（启用 cors）

但是，当我在禁用 cors 的情况下运行 chrome 时，我可以通过 axios 访问标头：

open -n -a /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --args --user-data-dir="/tmp/chrome_dev_test" --disable-web-security

我可以通过 axios 访问的标头（cors 已禁用）

这告诉我这不是 axios 的问题，而是我的标头配置的问题。

以下是我们如何配置标头，我正在尝试访问x-custom-token标头：

func allowCORS(h http.Handler) http.Handler {

return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {

    if origin := r.Header.Get("Origin"); origin != "" && contains(cors, origin) {

        w.Header().Set("Access-Control-Allow-Origin", origin)

    }

    if contains(cors, "*") {

        w.Header().Set("Access-Control-Allow-Origin", "*")

    }

    if r.Method == "OPTIONS" || r.Method == "GET" && r.Header.Get("Access-Control-Request-Method") != "" &&

        w.Header().Get("Access-Control-Allow-Origin") != "" {

        headers := []string{"Content-Type", "Accept-Encoding", "X-CSRF-Token", "Authorization", "accept", "origin", "Cache-Control", "X-Requested-With", "x-custom-token"}

        w.Header().Set("Access-Control-Allow-Headers", strings.Join(headers, ","))

        methods := []string{"GET", "HEAD", "POST", "PUT", "DELETE"}

        w.Header().Set("Access-Control-Allow-Methods", strings.Join(methods, ","))

        expose := []string{"x-custom-token"}

        w.Header().Set("Access-Control-Expose-Headers", strings.Join(expose, ","))

        return

    }

    h.ServeHTTP(w, r)

})}

谁能告诉我我设置的标题不正确吗？

Answer 1

您的问题是您仅针对 OPTIONS 请求公开。在您的 if 语句中，您的标准之一是r.Header.Get("Access-Control-Request-Method") != "".此标头通常仅在飞行前请求中使用，因此您的公开标头不会写入 GET 或其他方法。此外，您的语句在写入标题后返回。这对于飞行前是正确的，但会导致其他方法无法发送任何内容。解决方案 - 调整逻辑以将公开标头与飞行前标头分开处理。