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

一、问题

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

发布了92 篇原创文章 · 获赞 3 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_41231928/article/details/103313449
今日推荐