Vue配置proxy代理接口报错2007 bad domain的解决
作者：小草莓蹦蹦跳
本文主要介绍了Vue配置proxy代理接口报错2007 bad domain的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
1、排查proxy代理配置是否有误
排查 proxyTable 对象中配置的 target 是否正确。若正确，那可能就是请求头的问题。
无特殊配置的情况下，请求头是这样子的：
Host 和 Referer 是本地地址，如果后端增加 CSRF 防御机制，对请求头 Origin/Referer 进行校验。那么就会报错：2007 bad domain
2、修改 headers 中的 Origin 和 Referer 规避校验
'/api': {
target: process.env.VUE_APP_API_BASE_URL,
changeOrigin: true,
pathRewrite: {
'^/api': ''
},
headers: {
// 后端增加 CSRF 防御机制，对请求头 Origin/Referer 进行校验，开发模式下 devServer 的代理需要修改 Origin/Referer 规避校验
Origin: process.env.VUE_APP_DEV_FAKE_ORIGIN,
Referer: process.env.VUE_APP_DEV_FAKE_ORIGIN
}重新启动项目，就正常了~~
到此这篇关于Vue配置proxy代理接口报错2007 bad domain的解决的文章就介绍到这了,更多相关Vue 代理接口报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！