Go | Gin 解決跨域問題跨域配置

• 一、關於跨域解決方案
• 二、使用步驟
  • 1. 編寫一箇中間件
  • 2. 使用
  • 3. 注意事項

一、關於跨域解決方案

關於跨域的解決方法，大部分可以分為 2 種

1. nginx反向代理解決跨域
2. 服務端設定Response Header(響應頭部)的Access-Control-Allow-Origin

對於後端開發來說，第 2 種的操作性更新靈活，這裡也講一下 Gin 是如何做到的

二、使用步驟

在 Gin 中提供了 middleware (中介軟體) 來做到在一個請求前後處理響應的邏輯，這裡我們使用中間來做到在每次請求是新增上 Access-Control-Allow-Origin

1. 編寫一箇中間件

可以 middlewares 包下建立

package middlewares

import (
	"github.com/gin-gonic/gin"
	"net/http"
)

func Cors() gin.HandlerFunc {
	return func(c *gin.Context) {
		method := c.Request.Method
		if origin != "" {
			c.Header("Access-Control-Allow-Origin", "*")  // 可將將 * 替換為指定的域名
			c.Header("Access-Control-Allow-Methods", "POST, GET, OPTIONS, PUT, DELETE, UPDATE")
			c.Header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Authorization")
			c.Header("Access-Control-Expose-Headers", "Content-Length, Access-Control-Allow-Origin, Access-Control-Allow-Headers, Cache-Control, Content-Language, Content-Type")
			c.Header("Access-Control-Allow-Credentials", "true")
		}
		if method == "OPTIONS" {
			c.AbortWithStatus(http.StatusNoContent)
		}
		c.Next()
	}
}
 

2. 使用

r := gin.Default()

r.Use(middlewares.Cors())

3. 注意事項

需要將 r.Use(middlewares.Cors()) 在使用路由前進行設定，否則會導致不生效

反例

r := gin.Default()
pingGroup := r.Group("ping")
{
	pingGroup.GET("/", Ping)
}
r.Use(middlewares.Cors())

這樣會導致跨域配置不生效