图片网址禁止403

KLT*_*LTR 1 html url image http-status-code-403 angular

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

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

Ian*_*rry 5

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

<meta name="referrer" content="no-referrer"/>
Run Code Online (Sandbox Code Playgroud)

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

删除http引用