Go后端与Flutter Web的CORS问题排查求助

核心问题分析 #

你的问题大概率不是Go版本或Flutter Web本身导致的，而是Go后端的CORS配置存在几个关键错误：

1. 中间件注册顺序错误
   在Gin框架中，中间件必须在路由定义前注册才能生效。你的代码先调用SetupRouter(db)创建路由，再挂载CORS中间件，导致已定义的路由根本没应用CORS规则。

2. 凭证允许与通配符冲突
   浏览器安全规则明确：当Access-Control-Allow-Credentials设为true时，Access-Control-Allow-Origin不能用通配符*，必须指定具体源。你同时开启了凭证允许并设置*，直接触发浏览器的CORS拦截。

3. 通配符格式错误
   *mam-laka.com不是有效的子域名通配符，正确格式应为*.mam-laka.com。

修复方案 #

修改Go后端CORS配置 #

调整中间件顺序，修正冲突配置，示例代码如下：

func main() {
    db, err := NewDB()
    if err != nil {
        panic("Failed to connect to database")
    }
    CreateTables(db)
    if err := SeedCurrencies(db.DB); err != nil {
        panic("failed to seed currencies")
    }

    config := cors.Config{
        // 指定具体允许的源，替换为你的Flutter Web部署地址或本地测试地址
        AllowOrigins: []string{"https://app.mam-laka.com", "*.mam-laka.com", "http://localhost:5000"},
        AllowMethods: []string{"GET", "POST", "PUT", "DELETE"},
        AllowHeaders: []string{"Origin", "Content-Type", "Accept", "Authorization"},
        ExposeHeaders:    []string{"Content-Length"},
        AllowCredentials: true,
        MaxAge:           12 * time.Hour,
    }

    r := gin.Default()
    r.Use(cors.New(config)) // 先注册CORS中间件
    SetupRouter(r, db)      // 再传入路由实例定义接口
    r.Run(":8091")
}

同时需要修改SetupRouter函数，改为接收路由实例参数：

func SetupRouter(r *gin.Engine, db *DB) {
    // 在这里定义你的路由，比如登录接口
    r.POST("/login", loginHandler)
    // ...其他路由逻辑
}

简化配置（如果不需要凭证传递） #

如果你的接口不需要传递Cookie、Token等凭证，可以关闭AllowCredentials，此时允许通配符*：

config := cors.Config{
    AllowOrigins: []string{"*"},
    AllowMethods: []string{"GET", "POST", "PUT", "DELETE"},
    AllowHeaders: []string{"Origin", "Content-Type", "Accept", "Authorization"},
    ExposeHeaders:    []string{"Content-Length"},
    AllowCredentials: false, // 关闭凭证允许
    MaxAge:           12 * time.Hour,
}

关于版本影响的说明 #

• Go版本：只要使用github.com/gin-contrib/cors的稳定版本（v1.3.0+），Go版本本身不会引发CORS问题，核心还是配置错误。
• Flutter Web：它完全遵循浏览器的CORS规则，本身没有特殊限制，你的Flutter代码逻辑没有问题，问题根源在后端配置。

验证方法 #

1. 启动修改后的Go后端；
2. 打开浏览器开发者工具的「网络」面板，查看请求的响应头：
   • 确认Access-Control-Allow-Origin是你的Flutter Web地址；
   • 确认Access-Control-Allow-Credentials与配置一致；
3. 若仍有错误，查看控制台的具体CORS提示，针对性调整配置。

内容的提问来源于stack exchange，提问作者Joel Swakise TheDancer