解决：The 'Access-Control-Allow-Origin' header contains multiple values'x, *', but only one is allowed

最新推荐文章于 2025-04-23 11:58:16 发布
最新推荐文章于 2025-04-23 11:58:16 发布
阅读量3.5w 收藏 17
点赞数 10
分类专栏： 部署运维
本文链接：https://blog.youkuaiyun.com/weixin_41231928/article/details/103313449
版权
本文介绍了当Vue应用在访问后台时遇到'Access-Control-Allow-Origin'头包含多个值的错误，分析了该错误产生的原因是跨域配置重复，并提供了两种解决方案：删除多余跨域配置代码及在网关配置文件中设置忽略或指定特定的跨域头。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、问题

vue前端访问后台时报The ‘Access-Control-Allow-Origin’ header contains multiple values’x, *’, but only one is allowed. 错误
在这里插入图片描述

二、原因

这个是说Access-Control-Allow-Origin头检测到多个值，也就是跨域重复配置了，比如你要通过好几个其他的服务才能调用的你想要的服务（网关服务---->UC服务----->XX服务），要是每个服务都配置了跨域，或是服务里重复定义了跨域，就可能出现这个问题

三、解决办法

（1）删除多余的跨域配置代码

（2）在网关的配置文件中添加以下配置

在这里插入图片描述
zuul:
#需要忽略的头部信息，不在传播到其他服务
sensitive-headers: Access-Control-Allow-Origin
ignored-headers: Access-Control-Allow-Origin,H-APP-Id,Token,APPToken

解决跨域origin重复问题(未使用nginx): Allow-Origin header contains multiple values... but only one is allowed
Hello_ZhangCL的博客
05-11 7852
记录一次独立解决问题经历: Gateway跨域, 出现allowed origin重复问题: The ‘Access-Control-Allow-Origin’ header contains multiple values. 关键在于并未像很多网友那样是nginx重复配置的情况! 经过查阅资料启发, 回到官网找到官方文档给出的方案.
The ‘Access-Control-Allow-Origin‘ header contains multiple values‘*, *‘, but only one is allowed.
qq_39805327的博客
04-23 1378
第三中方式：使用@CrossOrigin注解进行细粒度处理，@CrossOrigin可以使用在类和方法上面。出现这问题有可能是服务器端配置了跨域选项，在代码端也指定了跨域设置导致冲突，去掉一边的配置即可。maxAge：准备响应前的缓存持续的最大时间（以秒为单位）。origins ： 允许可访问的域列表。代码中配置了跨域拦截器。上面两种方式选其一。
The 'Access-Control-Allow-Origin' header contains multiple values'*, *', but only one is allowed.
xxwd12的博客
08-08 1万+
1、Failed to load http://xx.com/mobile/service: The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed. Origin 'http://localhost:8081' is therefore not allow...
SpringBoot超赞的跨域配置类——CorsConfig
ZBYTSL的博客
01-10 4678
import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfiguration; import org.springframework.web....
Access-Control-Allow-Origin 后端跨域问题解决
最新发布
qq_72926146的博客
04-23 902
Access-Control-Allow-Origin 问题解决
解决The ‘Access-Control-Allow-Origin‘ header contains multiple values ‘*, *‘, but only one is allowed
Lemon_D1999的博客
03-18 5280
他们可能需要检查服务器配置并修改响应头以确保每次只返回一个有效的 'Access-Control-Allow-Origin' 值。具体来说，服务器返回的 “ 'Access-Control-Allow-Origin' 头包含了多个值，而规范只允许一个值。：联系服务器管理员或开发人员，要求他们修改服务器配置，确保在响应头中只返回一个有效的 'Access-Control-Allow-Origin' 值。在这种情况下，服务器应该正确配置CORS响应头，以允许来自青柿播放器所在域的请求。
跨域问题：The ‘Access-Control-Allow-Origin‘ header contains multiple values ‘*‘, but only one is allowed.
qq_47768542的博客
03-04 1万+
问题描述 在解决跨域问题时出现The ‘Access-Control-Allow-Origin’ header contains multiple values ‘*’, but only one is allowed.错误 原因是设置了相同的跨域信息。查看响应头如下： 解决方法 就是去除掉多次的跨域配置，只保留一次。比如我自己配置了一个跨域，然后使用renren-fast管理员项目时里面的config又配置有跨域，所以我们需要把管理员项目里的跨域配置注释掉即可。 跨域配置 @Configuration
微服务跨域问题｜The ‘Access-Control-Allow-Origin‘ header contains multiple values
wnhyang的博客
03-25 1680
跨域问题是由于浏览器同源策略限制，当一个页面尝试向不同于当前页面源的URL发起请求时，会被阻止。解决方法包括CORS、JSONP、代理服务器、document.domain+iframe、window.postMessage和WebSockets。在SpringCloudGateway微服务中，配置CORS时可能出现Access-Control-Allow-Origin头包含多个值的问题，需要去掉重复配置。
跨域：The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed
热门推荐
10-25 1万+
the access-control-allow-origin header contains multiple values but only one is allowed, Origin 'http://localhost:63342' is therefore notallowed access. 问题原因：配置了多个跨域，nginx配置了一层跨域，代码里又配置了一层跨域。导致head...
SpringCloudGateway Access-Allow-Origin header contains multiple values“*, *”,but only one is allowed
mameng1988的博客
12-14 2789
在spring cloud gateway网关中加入了跨域支持，但是报了如下错误： The ‘Access-Control-Allow-Origin’ header contains multiple values “*, *”, but only one is allowed.
has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed.
08-30
这个错误表示被CORS策略阻止了，其中错误信息显示了：The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed. 这意味着响应头中的'Access-Control-Allow-Origin'标头...
The ‘Access-Control-Allow-Origin‘ header contains multiple values ‘**‘, but only one is allowed解决
qq_45833160的博客
02-18 836
跨域问题
解决The ‘Access-Control-Allow-Origin‘ header contains multiple values的问题
madifu的博客
06-29 3730
修复 跨域访问（CORS）的策略太多了的问题
The ‘Access-Control-Allow-Origin‘ header contains multiple values
java_Trainees的博客
03-20 4895
此错误表明我们我们进行了多个跨越配置的处理，而系统之认一个，所以需要删除，只留下一个就好。 1 gateway网关配置 2@CrossOrigin 注解 3 所引入的文件中带有对跨越的处理 4nginx进行了相关的配置（ngingx启动的情况下） ...
报错：Access-Control-Allow-Origin‘ header contains multiple values ‘http://localhost:8080, *‘, but only
unclever_behurt的博客
11-22 1746
析：请求头中包含多个解决跨域的值，但仅仅只能使用一个。 解决方案：把controller类中的@CrossOrigin 注释掉或者把 解决跨域的配置文件删除即可，只保留在网关中bootstrap.yml 进行跨域处理即可
【无标题】解决*‘, but only one is allowed.
crazy1013的博客
03-04 1060
本人是既配置gateway，又使用了@CrossOrigin ，才报错的，注释掉@CrossOrigin即可解决
but only one is allowed. 重复处理跨域请求
m0_59685103的博客
08-10 3011
but only one is allowed. 重复处理跨域请求
Spring 处理跨域请求
weixin_42683274的博客
06-02 749
Spring 处理跨域请求
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

沙滩de流沙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值