codepen禁用外部图像链接

Question

我通常使用codepen，并且将imgur图像链接到imgur或GoogleDrive，它们都可以工作，但是过一会儿它们不再显示了，那又是什么呢？已配置为公开访问。

<https://codepen.io/Cleston/pen/zyxGdL>

Answer 1

来自imgur.com的图像无法在CodePen中使用，因为它们（Imgur）阻止了CodePen中的Referer。如果图像被浏览器缓存，则它们会显示在CodePen中。但是最终，缓存将被删除，您的图像将不再显示。您可以通过在浏览器开发工具中查看网络调用来验证。图像将加载状态代码200 (from disk cache)。

如果删除缓存（或以隐身模式打开新标签），则浏览器尝试加载图像时会得到403 Forbidden，因为imgur拒绝将这些图像提供给CodePen。