图片网址禁止403

Question

我正在使用Angular5开发一个Web应用程序。 我有一个包含一些“帖子”的数据库，每个帖子都包含一个我从4chan API获取的图像URL。 URL是合法的（如果我手动检查它可以工作），但是在Web浏览器中调试时，控制台中禁止使用403。 另一个奇怪的事情是，如果我手动转到URL，然后刷新我的应用程序，则图像会突然显示。

示例网址： "http://i.4cdn.org/lgbt/1521711096067.jpg"

Answer 1

看起来当HTTP请求标头引荐来源网址不是http://4chan.org时 ，出现此问题。 我已经简单地将以下内容添加到HTML页面中，并解决了该问题：

<meta name="referrer" content="no-referrer"/>

加载Angular应用后，您还可以使用Firefox开发者控制台（“网络”选项卡）修改图像请求（即403）并删除引荐来源标头进行测试。

删除http引用