问题

今天在使用Gin框架,发现怎么配置跨域都无效,搜索了网上各种素材。最后发现是使用了Group的问题。

解决

如果你使用了Group,直接在根目录用Middleware是无效的,要为每一个Group都设置一次Middleware。

// configureController 为每一个方法设置一个Middleware
func configureController(router *gin.Engine) {

	cardRouter := router.Group("/card")
	cardRouter.Use(CorsMiddleware())
	{
		cardRouter.POST("/init", controller.InitCard)
	}

	electronicRouter := router.Group("/electronic")
	electronicRouter.Use(CorsMiddleware())
	{
		electronicRouter.POST("/decode", controller.Decode)
	}
}
// CorsMiddleware 解决跨域的方法
func CorsMiddleware() gin.HandlerFunc {
    return func(context *gin.Context) {
        method := context.Request.Method
        
        context.Header("Access-Control-Allow-Origin", "*")
        context.Header("Access-Control-Allow-Credentials", "true")
        context.Header("Access-Control-Allow-Headers", "*")
        context.Header("Access-Control-Allow-Methods", "GET,HEAD,POST,PUT,DELETE,OPTIONS")
        context.Header("Access-Control-Expose-Headers", "Content-Length, Access-Control-Allow-Origin, Access-Control-Allow-Headers, Content-Type")
        
        if method == "OPTIONS" {
            context.AbortWithStatus(http.StatusNoContent)
        }
        context.Next()
    }
}