cors error cross-Origin resource sharing error PreflightMissingAllowOriginHeader 问题排查

标题cors error cross-Origin resource sharing error PreflightMissingAllowOriginHeader

在chrome 浏览器中,部分接口调用会报 cors error cross-Origin resource sharing error PreflightMissingAllowOriginHeader 错误

跨域问题?

刚开始以为是跨域的问题,但是其他同一服务器下的接口,能正常调用,所以应该不是这个问题,应该问题在

请求头丢失

仔细看了下报错信息,PreflightMissingAllowOriginHeader。大概意思是丢失了允许的请求头。综合完整的报错信息,就是丢失了 Origin 请求头的意思。 拷贝出详细的请求信息,发现不仅是少了Origin ,还少了好几个其他的请求头,如下图所示
在这里插入图片描述
所以到这问题已经找到了,下一步就是找到导致问题的原因了。

导致请求头丢失的原因及解决

除了个别自定义的请求头,其他的请求头应该都是浏览器发送请求的时候会自动带上的,那是什么原因导致没有加入进去呢? 难道是浏览器的bug ? NO NO NO
第一想到的应该是请求数据超过了浏览器的限制。 https://blog.youkuaiyun.com/xu_ya_fei/article/details/43698973?
通过查看编码后的url 长度,发现超过了 Chrome浏览器限制的长度,导致了这个错误,联系产品和前端,协议将部分属性的长度限制缩小。
问题解决

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值