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 代理接口报错内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了vue强制刷新组件的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-02-02
这篇文章主要介绍了elementui实现预览图片组件二次封装的方法 ，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下2020-12-12
当elementUI中菜单打开后,再次点击不会刷新的问题,导致菜单再次点击不刷新的根本原因是页面打开后,再次打开相同的页面是不会刷新的,这应该是框架的机制就是如此,小编整理了两个比较不错的解决方法,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了Vue3项目中使用ECharts的方法步骤,ECharts可以创建各种类型的图表,比如折线图、柱状图、饼图等,配置选项还包括颜色、数据缩放、工具箱等,以实现丰富的图表效果和交互功能,需要的朋友可以参考下2024-10-10
这篇文章主要介绍了Vue父子组建的简单通信之控制开关Switch的实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
这篇文章主要介绍了vue组件添加事件@click.native操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
这篇文章主要介绍了vue部署到线上为啥会出现404的原因分析及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-04-04
这篇文章主要介绍了Vue3在history模式下如何通过vite打包部署白屏问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
这篇文章主要为大家介绍了Ant Design_Form表单上传文件组件实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。接下来通过本文给大家分享Mint UI 基于 Vue.js 移动端组件库，需要的朋友参考下吧2017-11-11
最新评论