javascript - 无法下载远程 https svg 文件但嵌入 内很好

Question

我有一个 https链接，嵌入 <img> ， 一切都很好。如https://jsfiddle.net/Lbhhtt6n/ .但是，如果您尝试直接下载链接，例如直接使用带有链接的浏览器打开它 https://version.gitlab.com/check.svg?gitlab_info=eyJ2ZXJzaW9uIjoiOC4xNi4wLXByZSJ9 , 然后 404返回错误。

由于这个问题，我无法通过 httparty 检查 head

response = HTTParty.head('https://version.gitlab.com/check.svg?gitlab_info=eyJ2ZXJzaW9uIjoiOC4xNi4wLXByZSJ9')
puts response.success? # always return false

它背后的魔力是什么？任何人都可以启发我吗？谢谢。

Answer 1

如果你通知 HTTP Refer，Gitlab 只会给你图像 header 。否则它以 404 响应。请参阅 https://about.gitlab.com/handbook/sales-process/version_check 中的详细信息。 .

当您尝试通过浏览器地址栏或任何其他工具获取资源而未明确设置该 header 时，您将收到 404。

它在作为页面资源(例如 img 标签)加载时有效，因为浏览器会为您发送该 header 。

亲自尝试看看它的实际效果:

$ curl -v https://version.gitlab.com/check.svg?gitlab_info=eyJ2ZXJzaW9uIjoiOC4xNi4wLXByZSJ9

$ curl -v https://version.gitlab.com/check.svg?gitlab_info=eyJ2ZXJzaW9uIjoiOC4xNi4wLXByZSJ9 -e stackoverflow.com

---

查看 Chrome 开发者工具显示的差异:

作为页面资源:

从地址栏: