Go后端对接Docker容器前端时出现CORS失败问题求助

核心问题 #

你的代码存在两个关键问题导致CORS报错：

1. 路由未处理OPTIONS请求：跨域请求发起前，浏览器会先发OPTIONS预检请求，但你的路由仅注册了GET方法，OPTIONS请求无法匹配到对应处理函数，服务器返回的默认响应不带CORS头，触发报错。
2. 未正确处理OPTIONS请求逻辑：即便OPTIONS请求匹配到路由，当前的corsHandler仍会直接执行业务函数，不符合CORS规范——OPTIONS请求无需执行业务逻辑，只需返回带CORS头的200响应即可。

解决步骤 #

步骤1：修改路由，允许OPTIONS方法 #

给路由的Methods参数添加OPTIONS，确保预检请求能进入CORS处理逻辑：

func (m MyService) initializeRoutes() {
    // 同时支持GET和OPTIONS方法
    m.router.HandleFunc(VERSION+"/stuff", corsHandler(m.getStuff)).Methods("GET", "OPTIONS")
}

步骤2：在CORS处理函数中单独处理OPTIONS请求 #

修改corsHandler，检测到OPTIONS请求时直接返回200响应，跳过后续业务逻辑：

func corsHandler(h http.HandlerFunc) http.HandlerFunc {
    return func(w http.ResponseWriter, r *http.Request) {
        // 设置CORS响应头
        w.Header().Set("Access-Control-Allow-Origin", "*")
        w.Header().Set("Access-Control-Allow-Methods", "POST, OPTIONS, GET, DELETE, PUT")
        w.Header().Set("Access-Control-Allow-Headers", "content-type")
        w.Header().Set("Access-Control-Max-Age", "86400")

        // 处理OPTIONS预检请求，直接返回200
        if r.Method == http.MethodOptions {
            w.WriteHeader(http.StatusOK)
            return
        }

        // 处理实际业务请求
        h(w, r)
    }
}

可选：使用全局CORS中间件（更简洁） #

如果服务有多个路由，建议将CORS处理设为全局中间件，避免逐个路由配置：

func globalCORS(next http.Handler) http.Handler {
    return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
        w.Header().Set("Access-Control-Allow-Origin", "*")
        w.Header().Set("Access-Control-Allow-Methods", "POST, OPTIONS, GET, DELETE, PUT")
        w.Header().Set("Access-Control-Allow-Headers", "content-type")
        w.Header().Set("Access-Control-Max-Age", "86400")

        if r.Method == http.MethodOptions {
            w.WriteHeader(http.StatusOK)
            return
        }

        next.ServeHTTP(w, r)
    })
}

// 初始化路由时应用全局中间件
func (m MyService) initializeRoutes() {
    m.router.HandleFunc(VERSION+"/stuff", m.getStuff).Methods("GET")
    // 给整个路由器套上CORS中间件
    m.router = globalCORS(m.router)
}

验证方法 #

修改后重启Go服务，打开前端查看控制台：

• 若之前的log.Print("preflight detected: ", r.Header)能打印出OPTIONS请求头信息，说明预检请求已进入处理逻辑；
• 报错消失则说明配置生效。

内容的提问来源于stack exchange，提问作者discodowney