前两天遇到一个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协议安全标志消失的问题。总之当页面协议和接口协议不一致的时候会出现各种奇怪的问题,我们在开发当中要注意这个坑。