go语言web开发系列之二十八:用gin-contrib/cors解决cors跨域访问

一，安装用到的库

1，cors库地址:

GitHub - gin-contrib/cors: Official CORS gin's middleware

2，从命令行安装:

liuhongdi@ku:~$ go get -u github.com/gin-contrib/cors

说明：刘宏缔的go森林是一个专注golang的博客，
网站：https://blog.imgtouch.com
原文: go语言web开发系列之二十八:用gin-contrib/cors解决cors跨域访问 – 架构森林

说明：作者:刘宏缔 邮箱: [email protected]

二，演示项目的相关信息

1,地址:

GitHub - liuhongdi/digv28: 用gin-contrib/cors解决cors跨域访问

2,功能说明：演示gin框架通过指定域来解决cors访问

3,项目结构:如图:

三，go代码说明

1,controller/indexController.go

package controller

import (
	"fmt"
	"github.com/gin-gonic/gin"
	"github.com/liuhongdi/digv28/global"
	"time"
)

type IndexController struct{}
func NewIndexController() IndexController {
	return IndexController{}
}
//返回一个成功的提示
func (g *IndexController) Index(c *gin.Context) {
	fmt.Println("controller:index: "+time.Now().String())
	result := global.NewResult(c)
	result.Success("success");
	return
}

2,global/result.go

package global

import (
	"github.com/gin-gonic/gin"
	"net/http"
)

type Result struct {
	Ctx *gin.Context
}

type ResultCont struct {
	Code	int  `json:"code"` // 自增
	Msg string  `json:"msg"` //
	Data interface{} `json:"data"`
}

func NewResult(ctx *gin.Context) *Result {
	return &Result{Ctx: ctx}
}

//返回成功
func (r *Result) Success(data interface{}) {
	if (data == nil) {
		data = gin.H{}
	}
	res := ResultCont{}
	res.Code = 0
	res.Msg = ""
	res.Data = data
	r.Ctx.JSON(http.StatusOK,res)
}

//返回失败
func (r *Result)Error(code int,msg string) {
	res := ResultCont{}
	res.Code = code
	res.Msg = msg
	res.Data = gin.H{}
	r.Ctx.JSON(http.StatusOK,res)
	r.Ctx.Abort()
}

3,router/router.go

package router

import (
	"github.com/gin-contrib/cors"
	"github.com/gin-gonic/gin"
	"github.com/liuhongdi/digv28/controller"
	"github.com/liuhongdi/digv28/global"
	"log"
	"runtime/debug"
)

func Router() *gin.Engine {
	router := gin.Default()
	//处理异常
	router.NoRoute(HandleNotFound)
	router.NoMethod(HandleNotFound)
	router.Use(Recover)
	//cors
	config := cors.DefaultConfig()
	//config.AllowOrigins = []string{"http://127.0.0.1","http://google.com", "http://facebook.com"}
	config.AllowOrigins = []string{"http://google.com", "http://facebook.com"}
	router.Use(cors.New(config))

	// 路径映射:index
	indexc:=controller.NewIndexController()
	router.GET("/index/index", indexc.Index);

	return router
}

func HandleNotFound(c *gin.Context) {
	global.NewResult(c).Error(404,"资源未找到")
	return
}

func Recover(c *gin.Context) {
	defer func() {
		if r := recover(); r != nil {
			//打印错误堆栈信息
			log.Printf("panic: %v\n", r)
			debug.PrintStack()
			global.NewResult(c).Error(500,"服务器内部错误")
		}
	}()
	//加载完 defer recover，继续后续接口调用
	c.Next()
}

4,static/page81.html

    
    
    



    

    

        
        访问8080:/index/index

        
    

四，测试效果

1,不跨域直接访问：

   访问:

http://127.0.0.1:8080/index/index

返回:

2,  复制js/html到另外一个域

     把jquery-1.6.2.min.js和page81.html复制到nginx的一个虚拟主机下，使用80端口

3,测试跨域访问:

http://127.0.0.1/page81.html

返回:

点击链接后返回:

4,测试跨域失败：

  修改router/router.go中:

config.AllowOrigins = []string{"http://127.0.0.1","http://google.com", "http://facebook.com"}

去掉其中的 "http://127.0.0.1",

再次访问:

点击链接后无响应，
查看控制台返回:

五，查看库的版本:

module github.com/liuhongdi/digv28

go 1.15

require (
	github.com/gin-gonic/gin v1.6.3
	github.com/gin-contrib/cors v1.3.1
)