当前位置:   article > 正文

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

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.csdn.net/xu_ya_fei/article/details/43698973?
通过查看编码后的url 长度,发现超过了 Chrome浏览器限制的长度,导致了这个错误,联系产品和前端,协议将部分属性的长度限制缩小。
问题解决

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/660707
推荐阅读
相关标签
  

闽ICP备14008679号