Vue配置proxy代理接口報(bào)錯(cuò)2007 bad domain的解決
更新時(shí)間：2023年06月11日 15:42:27 作者：小草莓蹦蹦跳
本文主要介紹了Vue配置proxy代理接口報(bào)錯(cuò)2007 bad domain的解決，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
1、排查proxy代理配置是否有誤
排查 proxyTable 對(duì)象中配置的 target 是否正確。若正確，那可能就是請(qǐng)求頭的問(wèn)題。
無(wú)特殊配置的情況下，請(qǐng)求頭是這樣子的：
Host 和 Referer 是本地地址，如果后端增加 CSRF 防御機(jī)制，對(duì)請(qǐng)求頭 Origin/Referer 進(jìn)行校驗(yàn)。那么就會(huì)報(bào)錯(cuò)：2007 bad domain
2、修改 headers 中的 Origin 和 Referer 規(guī)避校驗(yàn)
'/api': {
target: process.env.VUE_APP_API_BASE_URL,
changeOrigin: true,
pathRewrite: {
'^/api': ''
},
headers: {
// 后端增加 CSRF 防御機(jī)制，對(duì)請(qǐng)求頭 Origin/Referer 進(jìn)行校驗(yàn)，開(kāi)發(fā)模式下 devServer 的代理需要修改 Origin/Referer 規(guī)避校驗(yàn)
Origin: process.env.VUE_APP_DEV_FAKE_ORIGIN,
Referer: process.env.VUE_APP_DEV_FAKE_ORIGIN
}重新啟動(dòng)項(xiàng)目，就正常了~~
到此這篇關(guān)于Vue配置proxy代理接口報(bào)錯(cuò)2007 bad domain的解決的文章就介紹到這了,更多相關(guān)Vue 代理接口報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
如何解決npm i下載依賴的時(shí)候出現(xiàn)某依賴版本沖突
這篇文章主要介紹了如何解決npm i 下載依賴的時(shí)候出現(xiàn)某依賴版本沖突問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
使用axios請(qǐng)求時(shí),發(fā)送formData請(qǐng)求的示例
今天小編就為大家分享一篇使用axios請(qǐng)求時(shí),發(fā)送formData請(qǐng)求的示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10
vue2.0里，不再有自帶的過(guò)濾器，需要自己定義過(guò)濾器。下面通過(guò)實(shí)例代碼給大家介紹vue2中filter()的相關(guān)知識(shí)，感興趣的朋友一起看看吧2017-07-07
vuejs+element UI點(diǎn)擊編輯表格某一行時(shí)獲取內(nèi)容填入表單的示例
這篇文章主要介紹了vuejs+element UI點(diǎn)擊編輯表格某一行時(shí)獲取內(nèi)容填入表單的示例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-10-10
使用vue和datatables進(jìn)行表格的服務(wù)器端分頁(yè)實(shí)例代碼
本篇文章主要介紹了使用vue和datatables進(jìn)行表格的服務(wù)器端分頁(yè)實(shí)例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
vue實(shí)現(xiàn)滾動(dòng)條到頂部或者到指定位置
這篇文章主要介紹了vue實(shí)現(xiàn)滾動(dòng)條到頂部或者到指定位置，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了vue組件之間的通信，幫助大家更好的理解和學(xué)習(xí)前端的相關(guān)知識(shí)，感興趣的朋友可以了解下2020-08-08
vue3中的對(duì)象時(shí)為proxy對(duì)象如何獲取值(兩種方式)
使用vue3.0時(shí)，因?yàn)榈讓邮鞘褂胮roxy進(jìn)行代理的所以當(dāng)我們打印一些值得時(shí)候是proxy代理之后的是Proxy<BR>對(duì)象，Proxy對(duì)象里邊的[[Target]]才是真實(shí)的對(duì)象，那么如何獲取這個(gè)值呢，下面下面給大家介紹兩種方式，感興趣的朋友一起看看吧2023-01-01
Pinia和Vuex一樣都是是vue的全局狀態(tài)管理器,其實(shí)Pinia就是Vuex5,只不過(guò)為了尊重原作者的貢獻(xiàn)就沿用了名字Pinia,下面這篇文章主要給大家介紹了關(guān)于Vue.js狀態(tài)管理之Pinia與Vuex的相關(guān)資料,需要的朋友可以參考下2023-02-02
Element實(shí)現(xiàn)復(fù)雜table表格結(jié)構(gòu)的項(xiàng)目實(shí)踐
本文主要介紹了Element實(shí)現(xiàn)復(fù)雜table表格結(jié)構(gòu)的項(xiàng)目實(shí)踐，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03