So konfigurieren Sie Anti-Hotlinking für den Nginx-Websitedienst (empfohlen)

So konfigurieren Sie Anti-Hotlinking für den Nginx-Websitedienst (empfohlen)

1. Prinzip des Hotlinking

1.1 Vorbereitung der Webseite

Konfiguration des Web-Quellhosts (192.168.153.20)

cd /usr/local/nginx/html
Übertragen Sie die Bilddatei preview.jpg in das Verzeichnis /usr/local/nginx/html vim index.html
......
<img src="Vorschau.jpg"/>
</body>
</html>

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

Bildbeschreibung hier einfügen
Bildbeschreibung hier einfügen

Konfiguration des Hotlink-Website-Hosts (192.168.153.20)

Um ihn vom Nginx-Dienst des Quellhosts zu unterscheiden, kann der Hotlink-Host den allgemeinen Wed-Dienst yum install -y httpd verwenden.

vim /var/www/html/index.html
<html><body><h1>Hallo! </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 restart httpd 

Bildbeschreibung hier einfügen

1.2 Browserzugriffsüberprüfung

Bildbeschreibung hier einfügen
Bildbeschreibung hier einfügen

2. Anti-Hotlinking konfigurieren

2.1 Ändern der Konfigurationsdatei

vim /usr/local/nginx/conf/nginx.conf
http {
......
	Server {
	......
		Standort ~* \.(jip|gif|swf)$ {
			gültige_Referrer *.wt.com wt.com;
			wenn ( $invalid_referer ) {
				umschreiben ^/ http://www.wt.com/error.png;
				#Rückgabe 403;
			}
		}
	......
	}
}

~* .(jpg|gif|swf)$: Dieser reguläre Ausdruck sucht nach Dateien mit der Endung .jpg, .gif oder .swf (ohne Berücksichtigung der Groß-/Kleinschreibung).
valid_referers: Legen Sie vertrauenswürdige Websites fest, damit Bilder normal verwendet werden können;
Die folgende URL oder der folgende Domänenname: Die URL, die die relevante Zeichenfolge im Referrer enthält;
If-Anweisung: Wenn der Quelldomänenname des Links nicht in der Liste der valid_referers enthalten ist und $invalid_referer den Wert 1 hat, wird die folgende Operation ausgeführt, nämlich das Umschreiben oder Zurückkehren zur Seite 403.


Bildbeschreibung hier einfügen

Übertragen Sie die Bilddatei error.png in das Verzeichnis /usr/local/nginx/html

Bildbeschreibung hier einfügen

2.2 Browserzugriffsüberprüfung

Bildbeschreibung hier einfügen

Dies ist das Ende dieses Artikels zum Konfigurieren von Anti-Hotlinking für Nginx-Websitedienste. Weitere relevante Inhalte zum Thema Anti-Hotlinking für Nginx-Websitedienste finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Führen Sie die folgenden Schritte aus, damit Nginx Anti-Hotlinking konfiguriert.
  • So konfigurieren Sie Nginx's Anti-Hotlinking
  • Nginx Anti-Hotlink blockiert bösartige User-Agent-Anfragen basierend auf UA ​​(Anti-Spider)
  • Einführung in die Anti-Hotlinking-Methode unter Nginx-Server
  • Konfigurationsbeispiel für den Nginx-Image-Hotlink-Schutz
  • Nginx Anti-Hotlink-Konfigurationsmethode
  • 3 Möglichkeiten, Hotlinks in Nginx zu verhindern

<<:  Details zum Vue Page Stack Manager

>>:  HTML-Tutorial: Sammlung häufig verwendeter HTML-Tags (5)

Artikel empfehlen

Detaillierte Erklärung der Eigenschaften und Funktionen von Vuex

Inhaltsverzeichnis Was ist Vuex? Fünf Eigenschaft...

Detaillierte Beispiele für Variablen- und Funktionspromotion in JavaScript

js-Ausführung Phase der lexikalischen Analyse: um...

So installieren Sie MySQL für Anfänger (erwiesenermaßen effektiv)

1. Software-Download MySQL-Download und -Installa...

Implementierung der Multi-Environment-Konfiguration (.env) des Vue-Projekts

Inhaltsverzeichnis Was ist eine Multiumgebungskon...

Zusammenfassung eines CSS-Codes, der die gesamte Site grau macht

Um den Märtyrern und Opfern des Kampfes gegen die...

Verwenden Sie reines CSS, um das A-Tag in HTML ohne JavaScript zu deaktivieren

Tatsächlich ist dieses Problem bereits aufgetreten...

Docker startet den Implementierungsprozess der MySQL-Konfiguration

Inhaltsverzeichnis Tatsächlicher Kampfprozess Beg...

Detaillierte Untersuchung des Problems der Array-Deduplizierung in JavaScript

Inhaltsverzeichnis Vorwort 👀 Beginnen Sie mit der...

CSS-Float-Eigenschaftsdiagramm, Details der Float-Eigenschaft

Die korrekte Verwendung der CSS-Float-Eigenschaft...

Lösungen für den Fehler und die Ungültigkeit beim Öffnen von nginx.pid

Inhaltsverzeichnis 1. Problembeschreibung 2. Prob...

Sie müssen wirklich die Verwendung von CSS-Variablen var() verstehen

Wenn ein Webprojekt immer größer wird, werden sei...

Analyse des Hintergrundauthentifizierungsprozesses von Vue-Elementen

Vorwort: Kürzlich stieß ich in meinem Projekt auf...

Beispiel für einen reinen CSS3-Mindmap-Stil

Mindmap Er sieht wahrscheinlich so aus: Die meist...