在golang的路上緩慢前進 Gin框架 跨域問題的解說與方法
代碼如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
|
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框架中間件解決跨域問題
代碼如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
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()} |
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持服務器之家。如有錯誤或未考慮完全的地方，望不吝賜教。
原文鏈接：https://blog.csdn.net/Chelydra/article/details/79884861
