<Img>标签不下载镜像，镜像可用

Question

我在我的网站上使用<img>标签，它工作得很好，但对于所有有来自Instagram源的图片，其中一些没有显示出来。看看火狐开发控制台的“网络”部分，我意识到那些图片没有正确下载(下面的图片只有468B)，而实际图片的大小约为200KB。

如果我复制url链接并将其直接粘贴到浏览器中，我可以看到图像已加载。你知道这是怎么发生的吗？

​

​

<img>标记请求的图像的样例响应标头

HTTP/2 200 OK
last-modified: Wed, 02 Sep 2020 11:24:35 GMT
content-type: image/jpeg
x-haystack-needlechecksum: 3892793944
x-needle-checksum: 2679108908
x-fb-config-version-olb-prod: 1089
timing-allow-origin: *
cache-control: max-age=1209600, no-transform
content-length: 111402
x-fb-trip-id: 2096174809
date: Sun, 02 May 2021 01:52:29 GMT
cross-origin-resource-policy: same-origin
alt-svc: h3-29=":443"; ma=3600,h3-27=":443"; ma=3600
X-Firefox-Spdy: h2

和响应头，如果我直接在浏览器中访问该图像url：

HTTP/2 304 Not Modified
last-modified: Wed, 02 Sep 2020 11:24:35 GMT
content-type: image/jpeg
x-haystack-needlechecksum: 3892793944
x-needle-checksum: 2679108908
x-fb-config-version-olb-prod: 1089
timing-allow-origin: *
cache-control: max-age=1209600, no-transform
x-fb-trip-id: 2096174809
date: Sun, 02 May 2021 01:53:32 GMT
cross-origin-resource-policy: same-origin
alt-svc: h3-29=":443"; ma=3600,h3-27=":443"; ma=3600
X-Firefox-Spdy: h2

Answer 1

Instagram现在可以设置cross-origin-resource-policy: same-origin，如果它不喜欢你的浏览器在加载图片时发送到cdninstagram域的"referer“。

以下是相关的QA：https://stackoverflow.com/a/67293454/15404876