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

Detaillierte Erklärung der CSS-Float-Eigenschaft

1. Was ist Floating? Floaten bedeutet, wie der Na...

Implementierungsidee zur Linksausrichtung der letzten Zeile des Flexbox-Layouts

Wenn es sich bei der Verwendung des Flex-Layouts ...

Die Verwendung von Textbereichen in HTML und häufige Probleme und Fallanalyse

Der Textarea-Tag ist ein HTML-Tag, den wir häufig ...

So erstellen Sie eine monatliche Tabelle in einer gespeicherten MySQL-Prozedur

Lassen Sie uns, ohne ins Detail zu gehen, direkt ...

Docker fügt eine Brücke hinzu und legt den IP-Adressbereich fest

Ich weiß nicht, ob es daran liegt, dass die Binär...

jQuery Treeview-Baumstrukturanwendung

In diesem Artikelbeispiel wird der Anwendungscode...

WeChat-Applet: benutzerdefinierter TabBar-Schrittdatensatz

Inhaltsverzeichnis 1. Einleitung 2. Passen Sie de...

Webentwickler sind besorgt über die Koexistenz von IE7 und IE8

Ich habe heute IE8 installiert. Als ich auf die M...

Vuex implementiert einen einfachen Einkaufswagen

In diesem Artikelbeispiel wird der spezifische Co...

Einige Details zu Semikolons in JavaScript

Vorwort Semikolons sind in JavaScript optional un...