nginx ウェブサイト サービスのアンチホットリンクを設定する方法 (推奨)

nginx ウェブサイト サービスのアンチホットリンクを設定する方法 (推奨)

1. ホットリンクの原則

1.1 Webページの準備

Web ソース ホスト (192.168.153.20) の構成

/usr/local/nginx/html をコピーします
preview.jpg画像ファイルを/usr/local/nginx/htmlディレクトリvim index.htmlに転送します。
......
<img src="preview.jpg"/>
</本文>
</html>

echo "192.168.153.20 www.wt.com" >> /etc/hosts
echo "192.168.153.10 www.abc.com" >> /etc/hosts 

ここに画像の説明を挿入
ここに画像の説明を挿入

ホットリンクウェブサイトホスト(192.168.153.20)の構成

ソースホストのnginxサービスと区別するために、ホットリンクホストは一般的なwedサービスyum install -y httpdを使用することができます。

vim /var/www/html/index.html
<html><body><h1>こんにちは! </h1>
<img src="http://www.wt.com/preview.jpg"/>     
</body></html>

echo "192.168.153.20 www.wt.com" >> /etc/hosts
echo "192.168.153.10 www.abc.com" >> /etc/hosts

systemctl で httpd を再起動します。 

ここに画像の説明を挿入

1.2 ブラウザアクセスの検証

ここに画像の説明を挿入
ここに画像の説明を挿入

2. アンチホットリンクを設定する

2.1 設定ファイルを変更する

vim /usr/local/nginx/conf/nginx.conf
http {
......
	サーバー{
	......
		場所 ~* \.(jip|gif|swf)$ {
			有効なリファラー *.wt.com wt.com;
			もし $invalid_referer であれば
				書き換え^/ http://www.wt.com/error.png;
				#403 を返します。
			}
		}
	......
	}
}

~* .(jpg|gif|swf)$ : この正規表現は、大文字と小文字を区別せず、.jpg、.gif、または .swf で終わるファイルと一致します。
valid_referers: 画像を正常に使用できるように信頼できる Web サイトを設定します。
次の URL またはドメイン名: リファラーに該当する文字列を含む URL。
If 文: リンクのソースドメイン名が valid_referers のリストになく、$invalid_referer が 1 の場合、次の操作、つまり書き換えまたは 403 ページに戻る操作が実行されます。


ここに画像の説明を挿入

error.png画像ファイルを/usr/local/nginx/htmlディレクトリに転送します。

ここに画像の説明を挿入

2.2 ブラウザアクセスの検証

ここに画像の説明を挿入

nginx ウェブサイト サービスのアンチホットリンクの設定方法に関するこの記事はこれで終わりです。nginx ウェブサイト サービスのアンチホットリンクに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • Nginx でアンチホットリンクを設定するための手順を完了する
  • Nginx のアンチホットリンクを設定する方法
  • Nginx アンチホットリンクは、UA (アンチスパイダー)に基づいて悪意のあるユーザーエージェントリクエストをブロックします。
  • Nginx サーバーでのホットリンク防止方法の紹介
  • Nginx イメージホットリンク保護設定例
  • Nginx アンチホットリンク設定方法
  • Nginx でホットリンクを防ぐ 3 つの方法

<<:  Vue ページ スタック マネージャーの詳細

>>:  HTML チュートリアル: よく使われる HTML タグのコレクション (5)

推薦する

2008 年の Web デザインにおける 10 の経験

<br />インターネットは絶えず変化しており、BusinessWeek.com は専門...

Vue Router の 10 の高度なヒントのまとめ

序文Vue Router は、Vue.js の公式ルーティング マネージャーです。 Vue.js の...

MySQLは重複しないデータ挿入を実装するためにUNIQUEを使用する

SQL UNIQUE制約UNIQUE 制約は、データベース テーブル内の各レコードを一意に識別します...

モバイルの赤い封筒の雨機能ページを実装するための JavaScript HTML

この記事の例では、モバイル紅包雨機能ページを実現するためのHTMLの具体的なコードを共有しています。...

Vueリクエストインターセプターの設定方法の詳しい説明

以下の手順に従ってください1. request.jsコンテンツ: http リクエスト インターセプ...

モバイルページで縦画面を強制する方法

最近、仕事でモバイルページを作成しました。もともと特別なことではありませんでしたが、非常に奇妙に感じ...

CentOS 8にdockerをインストールする最も詳細な方法

CentOS 8にDockerをインストールする公式ドキュメント: https://docs.doc...

Docker での WSL の構成と変更の問題について

https://docs.microsoft.com/ja-jp/windows/wsl/wsl-...

MySQLとRedisキャッシュ間の同期ソリューションについての簡単な説明

目次1. ソリューション 1 (UDF)デモケース2. ソリューション2(binlogの解析)キャナ...

TS 数値区切り文字とより厳密なクラス属性チェックの詳細な説明

目次概要演算子の改良と正確なinstanceofよりスマートなオブジェクトリテラル推論固有のシンボル...

GobangゲームのWebバージョンを実装するためのJavaScript

この記事では、GobangゲームのWebバージョンを実装するためのJavaScriptの具体的なコー...

スクロールバーがスペースを占有することで発生するバグを修正しました

背景このバグは滾動條占據空間ことで発生していました。いくつかの情報を確認して、ようやく解決しました。...

Windows 環境での MySQL の解凍、インストール、バックアップ、復元

システム環境はserver2012です1. MySQLの解凍バージョンをダウンロードし、インストール...

高度な JavaScript フロントエンド開発でよく使用されるいくつかの API の例の詳細な説明

目次ミューテーションオブザーバーAPI特徴インターセクションオブザーバーAPI例えば画像の遅延読み込...

ホバードロップダウンメニューを実装するためのネイティブJS

JS はホバー ドロップダウン メニューを実装します。これは、フロントエンドの面接で遭遇するシナリ...