快捷導(dǎo)航

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)文章

vue強(qiáng)制刷新組件的方法示例
這篇文章主要介紹了vue強(qiáng)制刷新組件的方法示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-02-02
elementui實(shí)現(xiàn)預(yù)覽圖片組件二次封裝
這篇文章主要介紹了elementui實(shí)現(xiàn)預(yù)覽圖片組件二次封裝的方法，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下
2020-12-12
解決vue中菜單再次點(diǎn)擊內(nèi)容不刷新問(wèn)題
當(dāng)elementUI中菜單打開(kāi)后,再次點(diǎn)擊不會(huì)刷新的問(wèn)題,導(dǎo)致菜單再次點(diǎn)擊不刷新的根本原因是頁(yè)面打開(kāi)后,再次打開(kāi)相同的頁(yè)面是不會(huì)刷新的,這應(yīng)該是框架的機(jī)制就是如此,小編整理了兩個(gè)比較不錯(cuò)的解決方法,需要的朋友可以參考下
2023-08-08
Vue3項(xiàng)目中使用ECharts的方法步驟
這篇文章主要介紹了Vue3項(xiàng)目中使用ECharts的方法步驟,ECharts可以創(chuàng)建各種類型的圖表,比如折線圖、柱狀圖、餅圖等,配置選項(xiàng)還包括顏色、數(shù)據(jù)縮放、工具箱等,以實(shí)現(xiàn)豐富的圖表效果和交互功能,需要的朋友可以參考下
2024-10-10
Vue父子組建的簡(jiǎn)單通信之控制開(kāi)關(guān)Switch的實(shí)現(xiàn)
這篇文章主要介紹了Vue父子組建的簡(jiǎn)單通信之控制開(kāi)關(guān)Switch的實(shí)現(xiàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-06-06
vue組件添加事件@click.native操作
這篇文章主要介紹了vue組件添加事件@click.native操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2020-10-10
vue部署到線上為啥會(huì)出現(xiàn)404的原因分析及解決
這篇文章主要介紹了vue部署到線上為啥會(huì)出現(xiàn)404的原因分析及解決方案,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2025-04-04
Vue3在history模式下如何通過(guò)vite打包部署白屏
這篇文章主要介紹了Vue3在history模式下如何通過(guò)vite打包部署白屏問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-07-07
Ant?Design_Form表單上傳文件組件實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了Ant?Design_Form表單上傳文件組件實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
Mint UI 基于 Vue.js 移動(dòng)端組件庫(kù)
Mint UI 包含豐富的 CSS 和 JS 組件，能夠滿足日常的移動(dòng)端開(kāi)發(fā)需要。接下來(lái)通過(guò)本文給大家分享Mint UI 基于 Vue.js 移動(dòng)端組件庫(kù)，需要的朋友參考下吧
2017-11-11