解決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。如有錯誤或未考慮完全的地方,望不吝賜教。
推薦閱讀:
- go 原生http web 服務跨域restful api的寫法介紹
- Nginx 代理解決跨域問題多種情況分析
- 前端面試必會網絡跨域問題解決方法
- Vue使用axios添加請求頭方式
- SpringBoot之跨域過濾器配置允許跨域訪問方式