vue3和beego跨域請(qǐng)求配置方式
vue3和beego跨域請(qǐng)求配置
在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用于跨域請(qǐng)求
beego.NSRouter("*", &controllers.BaseController{}, "OPTIONS:Options"))
beego.AddNamespace(ns)
//======================= 下面再寫自己的代碼 =======================
beego.Router("/", &controllers.MainController{})
// .....
}定義option函數(shù)回應(yīng)預(yù)檢請(qǐng)求(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()
}
//=============== 下面再寫自己的代碼 =======================
// .....跨域請(qǐng)求是會(huì)先發(fā)送一個(gè)option請(qǐng)求,該請(qǐng)求如果收到響應(yīng)(響應(yīng)內(nèi)容隨便),客戶端則才會(huì)繼續(xù)發(fā)送請(qǐng)求
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- vite+vue3項(xiàng)目報(bào)錯(cuò):TypeError:?Promise.allSettled?is?not?a?function
- vue循環(huán)中調(diào)用接口-promise.all();按順序執(zhí)行異步處理方式
- vue3+ts前端封裝EventSource并在請(qǐng)求頭添加token的方法
- Vue項(xiàng)目localhost:8080無法訪問此網(wǎng)站,拒絕了我們的連接請(qǐng)求的解決方案
- Vue.js處理API請(qǐng)求失敗的最佳實(shí)踐和策略
- Vue如何使用Promise.all()方法并行執(zhí)行多個(gè)請(qǐng)求
相關(guān)文章
關(guān)于element-ui日期時(shí)間選擇器選不中12小時(shí)以后的時(shí)間詳解
在之前做個(gè)一個(gè)組件頁面中,引用了element-ui組件的日期選擇器,遇到的一個(gè)小問題,下面這篇文章主要給大家介紹了關(guān)于element-ui日期時(shí)間選擇器選不中12小時(shí)以后時(shí)間的相關(guān)資料,需要的朋友可以參考下2022-08-08
適合前端Vue開發(fā)童鞋的跨平臺(tái)Weex的使用詳解
這篇文章主要介紹了適合前端Vue開發(fā)童鞋的跨平臺(tái)Weex的使用詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
詳解vue-router2.0動(dòng)態(tài)路由獲取參數(shù)
本篇文章主要介紹了詳解vue-router2.0動(dòng)態(tài)路由獲取參數(shù),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
vue+webpack dev本地調(diào)試全局樣式引用失效的解決方案
今天小編就為大家分享一篇vue+webpack dev本地調(diào)試全局樣式引用失效的解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-11-11
vue3.0+element表格獲取每行數(shù)據(jù)代碼示例
這篇文章主要給大家介紹了關(guān)于vue3.0+element表格獲取每行數(shù)據(jù)的相關(guān)資料,在element-ui中,你可以通過為表格的行綁定單擊事件來獲取表格中的一行數(shù)據(jù),需要的朋友可以參考下2023-09-09

