Vue配置proxy代理接口报错2007 bad domain的解决
更新时间:2023年06月11日 15:42:27 作者:小草莓蹦蹦跳
本文主要介绍了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 代理接口报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
解决ant design vue中树形控件defaultExpandAll设置无效的问题
这篇文章主要介绍了解决ant design vue中树形控件defaultExpandAll设置无效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
大家都知道,Vuejs的 CLI工具 是基于 webpack 来实现的,所以在项目打包后,会生成的文件会很大。 主要原因是 webpack 将我们所有文件都打包成一个js文件,即使再小的项目,打包之后文件都会变得很大。 下面讲讲最近我遇到的相同问题。2020-02-02
最新评论