[解決済み】画像のURLで禁断の403を出す

質問

Angular5を使用してWebアプリを開発しています。データベースにはいくつかの投稿があり、各投稿には4chan APIから取得した画像URLが含まれています。 URLは合法です（手動で確認すると動作します）。しかし、Webブラウザでデバッグすると、コンソールに403 forbiddenが表示されます。もう一つ奇妙なことに、手動でURLにアクセスし、アプリを更新すると、画像が突然表示されるのです。

URLの例 : "http://i.4cdn.org/lgbt/1521711096067.jpg"

解決方法は？

HTTP リクエストヘッダのリファラーが、以下のようなものでない場合に表示されます。 http://4chan.org この問題が発生します。HTMLページに下記を追加したところ、問題が解決しました。

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

Angular アプリがロードされたら、Firefox Developer Console (Network Tab) を使ってイメージリクエスト (つまり 403) を変更し、リファラーヘッダーを削除してテストすることも可能です。

httpリファラの削除