解決golang gin框架跨域及註解的問題

在golang的路上緩慢前進 Gin框架 跨域問題的解說與方法

代碼如下:

package main 
import (
	"github.com/gin-gonic/gin"
	"awesomeProject/app/app_routers"
	"strings"
	"fmt"
	"net/http"
) 
 
/* 路由初始化*/
var (
	engine = gin.Default()
) 
func main() {
 
	// 允許使用跨域請求	 全局中間件
	engine.Use(Cors())
	//router.Use(cors.Default())
	// 傳參 設定路由組 允許路由組使用路由
	app_routers.Router(engine)
	// 啟動路由 設定端口
	Cors()
	engine.Run(":11000")	//運行啟動端口 
} 
//
// 跨域
func Cors() gin.HandlerFunc {
	return func(c *gin.Context) {
		method := c.Request.Method		//請求方法
		origin := c.Request.Header.Get("Origin")		//請求頭部
		var headerKeys []string								// 聲明請求頭keys
		for k, _ := range c.Request.Header {
			headerKeys = append(headerKeys, k)
		}
		headerStr := strings.Join(headerKeys, ", ")
		if headerStr != "" {
			headerStr = fmt.Sprintf("access-control-allow-origin, access-control-allow-headers, %s", headerStr)
		} else {
			headerStr = "access-control-allow-origin, access-control-allow-headers"
		}
		if origin != "" {
			c.Writer.Header().Set("Access-Control-Allow-Origin", "*")
			c.Header("Access-Control-Allow-Origin", "*")		// 這是允許訪問所有域
			c.Header("Access-Control-Allow-Methods", "POST, GET, OPTIONS, PUT, DELETE,UPDATE")		//服務器支持的所有跨域請求的方法,為瞭避免瀏覽次請求的多次'預檢'請求
			// header的類型
			c.Header("Access-Control-Allow-Headers", "Authorization, Content-Length, X-CSRF-Token, Token,session,X_Requested_With,Accept, Origin, Host, Connection, Accept-Encoding, Accept-Language,DNT, X-CustomHeader, Keep-Alive, User-Agent, X-Requested-With, If-Modified-Since, Cache-Control, Content-Type, Pragma")
			//				允許跨域設置																										可以返回其他子段
			c.Header("Access-Control-Expose-Headers", "Content-Length, Access-Control-Allow-Origin, Access-Control-Allow-Headers,Cache-Control,Content-Language,Content-Type,Expires,Last-Modified,Pragma,FooBar")		// 跨域關鍵設置 讓瀏覽器可以解析
			c.Header("Access-Control-Max-Age", "172800")		// 緩存請求信息 單位為秒
			c.Header("Access-Control-Allow-Credentials", "false")		//	跨域請求是否需要帶cookie信息 默認設置為true
			c.Set("content-type", "application/json")		// 設置返回格式是json
		}
 
		//放行所有OPTIONS方法
		if method == "OPTIONS" {
			c.JSON(http.StatusOK, "Options Request!")
		}
		// 處理請求
		c.Next()		//	處理請求
	}
}

補充:gin框架中間件解決跨域問題

代碼如下:

func Cors(c *gin.Context) {
 c.Header("Access-Control-Allow-Origin", "*")
 c.Header("Access-Control-Allow-Headers", "Content-Type,AccessToken,X-CSRF-Token, Authorization, Token")
 c.Header("Access-Control-Allow-Methods", "POST, GET, OPTIONS, PUT, PATCH, DELETE")
 c.Header("Access-Control-Expose-Headers", "Content-Length, Access-Control-Allow-Origin, Access-Control-Allow-Headers, Content-Type")
 c.Header("Access-Control-Allow-Credentials", "true")
 //這裡是解決vue那個坑
 method := c.Request.Method
 // 放行所有OPTIONS方法,因為有的模板是要請求兩次的
 if method == "OPTIONS" {
  c.AbortWithStatus(http.StatusNoContent)
 }
 // 處理請求
 c.Next()
}

以上為個人經驗,希望能給大傢一個參考,也希望大傢多多支持WalkonNet。如有錯誤或未考慮完全的地方,望不吝賜教。

推薦閱讀: