火狐浏览器跨域请求头 origin 丢失问题

前两天遇到一个bug,在火狐浏览器中图片上传阿里云图片服务失败,谷歌上传正常,开来打开控制台发现,在火狐中报接口跨域了
在这里插入图片描述

我们采用的是 服务端设置 access-control-allow-origin:xxx 来处理跨域 ,但是经过排查发现接口响应头上的 access-control-allow-origin 不是当前的host ,而是默认值 b
在这里插入图片描述

经过和服务端沟通得知他们设置 access-control-allow-origin 的逻辑是取的请求头里的origin字段没取到就设置默认值,默认请求头的origin是会带上当前url的host的,但是查看请求后,看到 火狐中 请求头 的origin字段 为null,谷歌正常。
在这里插入图片描述

但是这个请求前端并没有做特殊处理,都是走的浏览器默认行为,到底是什么原因造成了这样的差异?如何解决呢。

后来继续排查发现,接口地址用的是http协议,而页面是https,我们都知道,https页面请求接口,接口都会强制转换成https的,在火狐浏览器中,当接口进行了一次转换时,请求的 origin就丢失了(这算是火狐的一个bug么)。

经过验证,将接口地址改成https后问题得以解决。
除此之外以前也遇到过https页面跳 http页面的document.referrer 丢失的问题,这个应该是涉及到浏览器的安全策略问题。还有一次,页面是https协议,但是引入一个http的图片链接,导致页面的https协议安全标志消失的问题。总之当页面协议和接口协议不一致的时候会出现各种奇怪的问题,我们在开发当中要注意这个坑。

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值