Detaillierte Erläuterung zur Lösung des Problems des domänenübergreifenden Zugriffs auf statische Nginx/Apache-Ressourcen

Detaillierte Erläuterung zur Lösung des Problems des domänenübergreifenden Zugriffs auf statische Nginx/Apache-Ressourcen

1. Domänenübergreifender Zugriff auf statische Apache-Ressourcen

Suchen Sie die Apache-Konfigurationsdatei httpd.conf

Finden Sie diese Zeile

#LoadModule headers_module modules/mod_headers.so

Entfernen Sie das Kommentarzeichen #

LoadModule headers_module modules/mod_headers.so

Der Zweck besteht darin, das benutzerdefinierte Modul „Apache-Headerinformationen“ zu aktivieren

Fügen Sie der Konfigurationsdatei des eigenständigen Hosts einen neuen Header hinzu

Header set Access-Control-Allow-Origin *

Zum Beispiel:

<VirtuellerHost *:88>
 ServerAdmin [email protected]
 Dokumentstammsatz "****************"
 Servername www.jb51.com
 Header-Satz Access-Control-Allow-Origin *

 Fehlerprotokoll "************"
 CustomLog "****************************" allgemein
<Verzeichnis "**************">
 SetOutputFilter DEFLATE
 Optionen FollowSymLinks ExecCGI
 Erfordern alle gewährten
 ZulassenAlle überschreiben
 Befehl erlauben, verweigern
 Erlauben von allen
 VerzeichnisIndex index.html index.php
</Verzeichnis>
</VirtualHost>
Apache-Kopie

Dies bedeutet, dass beim Zugriff auf Ressourcen unter diesem Domänennamen ein Header hinzugefügt wird.

Starten Sie Apache neu

service httpd restart

2. Statische Ressourcen von nginx ermöglichen domänenübergreifenden Zugriff

Suchen Sie in ähnlicher Weise die entsprechende Domänennamen-Konfigurationsdatei

Konfiguration im Servermodul hinzufügen:

add_header 'Access-Control-Allow-Origin' '*';

Beispiel:

Server {
    hören Sie 80;
    add_header 'Zugriffskontrolle-Origin zulassen' '*';
    Standort /Roboto/ {
      Stammverzeichnis /home/images;
      Autoindex aktiviert;
    }
  }

nginx neu laden

./nginx -s reload

Nach der Konfiguration mit der oben beschriebenen Methode gibt es kein Problem mehr beim domänenübergreifenden Zugriff auf statische Ressourcen

Das Obige ist die Lösung, um domänenübergreifenden Zugriff auf statische Nginx/Apache-Ressourcen zu ermöglichen

Das könnte Sie auch interessieren:
  • So verwenden Sie nginx, um auf lokale statische Ressourcen auf einem Linux-Server zuzugreifen
  • Detaillierte Erläuterung von Nginx + Tomcat zum Trennen von Anforderungen für dynamische Daten und statische Ressourcen
  • Detaillierte Erläuterung der einfachen Konfiguration des statischen Nginx-Ressourcenservers
  • Nginx implementiert ein Reverse-Proxy-Beispiel für statische Ressourcen
  • Verwenden Sie das Modul nginx-http-concat, um statische Ressourcendateien in nginx zusammenzuführen
  • So veröffentlichen Sie statische Ressourcen in Nginx

<<:  Zusammenfassung der Binlog-Nutzung der MySQL-Datenbank (unbedingt lesen)

>>:  JavaScript verwendet setTimeout, um einen Countdown-Effekt zu erzielen

Artikel empfehlen

So deinstallieren Sie Node und NPM vollständig auf dem Mac

npm deinstallieren sudo npm deinstallieren npm -g...

CSS 3.0 Text Hover Jump Spezialeffekte-Code

Hier ist ein mit CSS 3.0 implementierter Textschw...

Beispielcode zur Implementierung des Regentropfen-Animationseffekts mit CSS

Glasfenster Was wir heute erreichen werden, ist d...

So verwenden Sie http und WebSocket in CocosCreator

Inhaltsverzeichnis 1. HttpGET 2. HTTP POST WebSoc...

So nummerieren Sie die Ergebnisse von MySQL-Abfragedaten automatisch

Vorwort Tatsächlich bin ich noch nie auf eine Sit...

Probleme bei der Installation von Python3 und Pip in Ubuntu in Docker

Text 1) Laden Sie das Ubuntu-Image herunter Docke...

So verwenden Sie vw+rem für das mobile Layout

Verwenden Sie immer noch das flexible Rem-Layout?...

react+antd.3x implementiert IP-Eingabefeld

In diesem Artikel wird der spezifische Code von r...

Docker-Compose-Schritte zum Konfigurieren der Spring-Umgebung

Vor Kurzem musste ich das Projekt für die Mitglie...