问题复现
- 先访问
https://a.com , 该网页 JS 会请求 https://api.a.com 接口 - 再访问
http://a.com , 该网页 JS 会请求 http://api.a.com , 但是查看网络请求发现,http://api.a.com 被强制 307 到了 https://api.a.com
经过排查发现,这是命中了浏览器的 HSTS 策略,即:
一切能通过 https 访问的网址,都用 https 来访问
「能通过 https 访问的网址」怎么定义呢?那就是你曾经访问过该网址的 https 链接(当然可以通过清除浏览器历史记录来骗过浏览器,但你的用户可能不知道这个操作)
问题解决
- server 端重定向用户访问的
http 链接到 https - 如果必须允许用户访问
http 链接,则服务端接口针对 80 端口请求做跨域支持,因为跨端口也是跨域
307 从何而来,是个什么东西呢
经过使用 chrome://net-internals/ 追踪发现,是浏览器自己返回的:
URL_REQUEST_REDIRECT_JOB
--> reason = "HSTS"
t=24613 [st= 2] URL_REQUEST_FAKE_RESPONSE_HEADERS_CREATED
--> HTTP/1.1 307 Internal Redirect
Location: https:
Non-Authoritative-Reason: HSTS
Access-Control-Allow-Origin: http:
Access-Control-Allow-Credentials: true
注释 一个网址既可以用http又可以用https,如果访问了一次https,重复访问时浏览器会搜索缓存是否有https网址;如果有会被默认307(临时重定向)至https,我们想让https跳回访问http需要做跨域处理, 例如这种 用户 -> https -> nginx -> http -> 服务器
|