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

<h1> Go | Gin 解決跨域問題跨域配置 </h1>nginx

前言

在先後端分離的項目中,常常會遇到跨域問題,遇到問題該如何解決呢?!git

1、關於跨域解決方案

關於跨域的解決方法,大部分能夠分爲 2 種github

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

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

2、使用步驟

在 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()) 在使用路由前進行設置,不然會致使不生效spa

反例代理

r := gin.Default()

pingGroup := r.Group("ping")
{
    pingGroup.GET("/", Ping)
}

r.Use(middlewares.Cors())

這樣會致使跨域配置不生效code

image

相關文章
相關標籤/搜索