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

从现在开始，我们要努力学习啦！今天我给大家带来《无法访问前端应用程序中的自定义响应标头》，感兴趣的朋友请继续看下去吧！下文中的内容我们主要会涉及到等等知识点，如果在阅读本文过程中有遇到不清楚的地方，欢迎留言呀！我们一起讨论，一起学习！

我在访问后端服务器提供的自定义响应标头时遇到问题。服务器是用 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 p>

我可以通过 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)
})}

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

解决方案

您的问题是您仅针对 OPTIONS 请求公开。

在 if 语句中，您的条件之一是 r.Header.Get("Access-Control-Request-Method") != ""。

此标头通常仅在飞行前请求中使用，因此您的公开标头不会写入 GET 或其他方法。

此外，您的语句在写入标题后返回。这对于飞行前是正确的，但会导致其他方法无法发送任何内容。

解决方案 - 调整逻辑以将标头与飞行前标头分开处理。

今天带大家了解了的相关知识，希望对你有所帮助；关于Golang的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~