vue3和beego跨域请求配置方式
作者：qq_33805862
文章介绍了如何在Vue3和Beego中配置跨域请求,在Beego的router.go文件的init函数中添加option函数来回应预检请求,以支持跨域请求,这是个人经验分享,希望能帮助到大家
vue3和beego跨域请求配置
在router.go的init 函数内添加
如下内容：
func init() {
//跨域设置
var FilterGateWay = func(ctx *context.Context) {
ctx.ResponseWriter.Header().Set("Access-Control-Allow-Origin", "*")
//允许访问源
ctx.ResponseWriter.Header().Set("Access-Control-Allow-Methods", "POST, GET, PUT, OPTIONS")
//允许post访问
ctx.ResponseWriter.Header().Set("Access-Control-Allow-Headers", "Access-Control-Allow-Origin,ContentType,Authorization,accept,accept-encoding, authorization, content-type") //header的类型
ctx.ResponseWriter.Header().Set("Access-Control-Max-Age", "1728000")
ctx.ResponseWriter.Header().Set("Access-Control-Allow-Credentials", "true")
}
beego.InsertFilter("*", beego.BeforeRouter, FilterGateWay)
//路由设置
ns := beego.NewNamespace("/v1",
// NBSP用于跨域请求
beego.NSRouter("*", &controllers.BaseController{}, "OPTIONS:Options"))
beego.AddNamespace(ns)
//======================= 下面再写自己的代码 =======================
beego.Router("/", &controllers.MainController{})
// .....
}定义option函数回应预检请求(controller中)
// @Title test
// @Description 预检
// @Success 200 {string} "hello world"
// @router / [options]
func (c *BaseController) Options() {
c.Data["json"] = map[string]interface{}{"status": 200, "message": "ok", "moreinfo": ""}
c.ServeJSON()
}
//=============== 下面再写自己的代码 =======================
// .....跨域请求是会先发送一个option请求，该请求如果收到响应（响应内容随便），客户端则才会继续发送请求
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。