vue3和beego跨域請求配置方式
更新時間:2025年01月13日 10:08:39 作者:qq_33805862
文章介紹了如何在Vue3和Beego中配置跨域請求,在Beego的router.go文件的init函數(shù)中添加option函數(shù)來回應(yīng)預(yù)檢請求,以支持跨域請求,這是個人經(jīng)驗分享,希望能幫助到大家
vue3和beego跨域請求配置
在router.go的init 函數(shù)內(nèi)添加
如下內(nèi)容:
func init() {
//跨域設(shè)置
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)
//路由設(shè)置
ns := beego.NewNamespace("/v1",
// NBSP用于跨域請求
beego.NSRouter("*", &controllers.BaseController{}, "OPTIONS:Options"))
beego.AddNamespace(ns)
//======================= 下面再寫自己的代碼 =======================
beego.Router("/", &controllers.MainController{})
// .....
}定義option函數(shù)回應(yīng)預(yù)檢請求(controller中)
// @Title test
// @Description 預(yù)檢
// @Success 200 {string} "hello world"
// @router / [options]
func (c *BaseController) Options() {
c.Data["json"] = map[string]interface{}{"status": 200, "message": "ok", "moreinfo": ""}
c.ServeJSON()
}
//=============== 下面再寫自己的代碼 =======================
// .....跨域請求是會先發(fā)送一個option請求,該請求如果收到響應(yīng)(響應(yīng)內(nèi)容隨便),客戶端則才會繼續(xù)發(fā)送請求
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
淺談vue3中effect與computed的親密關(guān)系
這篇文章主要介紹了淺談vue3中effect與computed的親密關(guān)系,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
vue3 update:modelValue用法小結(jié)
本文主要介紹了vue3 update:modelValue用法小結(jié),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-12-12
基礎(chǔ)的前端vite項目創(chuàng)建過程詳解
這篇文章主要介紹了如何使用Vite創(chuàng)建一個前端項目,并配置了Vue?Router、Vuex、Element?Plus、Axios和Element?Plus圖標(biāo)等第三方依賴,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-11-11

