请求Gin服务器出现CORS错误，切换后端后问题仍存在

1. 先确认Gin的CORS配置是否真正生效 #

• 检查中间件注册顺序：Gin的中间件必须在路由定义前注册，否则路由不会应用CORS规则，要先调用r.Use(corsMiddleware)，再定义/api/record这类路由。
• 用curl验证响应头：执行命令直接请求Gin接口，查看响应头是否包含Access-Control-Allow-Origin: *：

  curl -v http://localhost:3000/api/record
  

  如果响应头里没有这个字段，说明配置有误。以下是Gin官方CORS中间件的正确配置示例：

  import (
      "github.com/gin-gonic/gin"
      "github.com/gin-contrib/cors"
  )
  
  func main() {
      r := gin.Default()
      // 注册CORS中间件（必须在路由前）
      r.Use(cors.New(cors.Config{
          AllowOrigins:     []string{"*"},
          AllowMethods:     []string{"GET", "POST", "PUT", "DELETE", "OPTIONS"},
          AllowHeaders:     []string{"Origin", "Content-Type", "Authorization"},
          AllowCredentials: false,
      }))
      // 定义路由
      r.GET("/api/record", func(c *gin.Context) {
          c.JSON(200, gin.H{"data": "success"})
      })
      r.Run(":3000")
  }
  

• 注意预检请求处理：OPTIONS请求是跨域预检请求，Gin的CORS中间件必须正确处理该方法，否则会直接触发CORS错误。

2. 清除浏览器缓存解决残留问题 #

你遇到的「切回NestJS仍报错」的情况，大概率是浏览器缓存了之前的跨域响应或预检结果：

• 打开浏览器开发者工具（F12），切换到Network标签，勾选Disable cache，然后刷新页面重新发起请求。
• 或者强制清除浏览器缓存（Ctrl+Shift+Delete），选择清除「缓存文件」和「Cookie」，重点清除localhost相关的缓存数据。

3. 排查端口与服务冲突 #

切换后端时，确保旧服务已完全停止，避免端口占用导致请求发错服务：

• Windows：执行命令查看3000端口占用并杀掉进程：

  netstat -ano | findstr :3000
  taskkill /F /PID <进程ID>
  

• Linux/macOS：执行命令查看并终止占用进程：

  lsof -i :3000
  kill -9 <进程ID>
  

4. 检查前端请求的特殊性 #

如果前端请求使用了非简单方法（如PUT/DELETE）或自定义请求头，需要确保后端配置了对应的允许规则：

• 确认Gin的AllowMethods包含前端使用的请求方法，AllowHeaders包含自定义头字段；
• 用Postman直接请求后端接口，排除浏览器跨域机制的干扰，验证接口本身是否正常响应。

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