Cross-global fetch usage
本文解释了在 fetch 时发生的边缘情况(以及潜在的其他 APIs 展示相同类型的资源检索行为)。当从“iframe”发起包含相对 url 的跨源 fetch 时,相对 url 用于针对当前全局位置而不是 iframe 的位置进行解析。
边缘情况
大多数网站几乎不会遇到这种边缘情况。如下:
- 需要一个同源的 iframe
- 该同源 iframe 需要具有不同基址位置
- 必须使用跨全局的 fetch 函数,例如。
frame.contentWindow.fetch()
- 传递给 fetch 函数的是相对 URL
遇到的问题
以前,我们从当前全局 URL 中解析相对 URL,例如:
let absolute = new URL(relative, window.location.href)
这样做不是什么大问题,只是表现出这种行为的不同 API 与规范中定义的行为的不一致可能导致问题的进一步发展。
解决方案
在 Firefox 60 及以后版本中,Mozilla 对相对 URL 的解析是相对于拥有fetch()
函数的全局的。(见 Firefox bug 1432272)。因此在上述情形中,URL 是相对于 iframe 的地址进行解析的:
let absolute = new URL(relative, frame.contentWindow.location.href)
关于使新规范与此行为变化保持一致,以缓解未来可能出现的问题,大量讨论正在进行中。