Heim Betrieb und Instandhaltung Nginx Nginx-Konfigurationsfehler bei domänenübergreifender Anforderung Access-Control-Allow-Origin * So lösen Sie ihn

Nginx-Konfigurationsfehler bei domänenübergreifender Anforderung Access-Control-Allow-Origin * So lösen Sie ihn

May 11, 2023 pm 11:10 PM
nginx

Vorwort

Wenn ein domänenübergreifender 403-Fehler auftritt no 'access-control-allow-origin' header is present on the requested resource, müssen Sie die Antwortheader-Parameter für den Nginx-Server konfigurieren: #🎜🎜 ##🎜 🎜#

1. Lösung


Sie müssen nur die folgenden Parameter in der Nginx-Konfigurationsdatei konfigurieren:

location / { 
 add_header access-control-allow-origin *;
 add_header access-control-allow-methods 'get, post, options';
 add_header access-control-allow-headers 'dnt,x-mx-reqtoken,keep-alive,user-agent,x-requested-with,if-modified-since,cache-control,content-type,authorization';

 if ($request_method = 'options') {
  return 204;
 }
}
Nach dem Login kopieren
#🎜🎜 #Der obige Konfigurationscode Das Problem ist gelöst. Wenn Sie sich nicht eingehend damit befassen möchten, schauen Sie einfach hier nach =-=


2. Erklärung

#🎜🎜 #
1. access-control-allow-origin

Der Server darf keine Domäne überschreiten Standard. Nach der Konfiguration von „access-control-allow-origin *“ für den Nginx-Server bedeutet dies, dass der Server alle Anforderungsquellen (Origin) akzeptieren kann, d. h. alle domänenübergreifenden Anforderungen akzeptiert.

2. Access-Control-Allow-Header sollen die folgenden Fehler verhindern:

#🎜 🎜#Der Inhaltstyp des Anforderungsheaderfelds ist von Access-Control-Allow-Headern in der Preflight-Antwort nicht zulässig.

Dieser Fehler weist darauf hin, dass der Wert des aktuellen Anforderungsinhaltstyps nicht zulässig ist unterstützt. Tatsächlich wurde es dadurch verursacht, dass wir eine Anfrage vom Typ „application/json“ initiierten. Dabei handelt es sich um ein Konzept: Preflight-Anfrage. Bitte lesen Sie die Einführung zu „Preflight-Anfrage“.

3. Zugriffskontroll-Zulassungsmethoden sollen die folgenden Fehler verhindern:

content Typ ist durch Access-Control-Allow-Header in der Preflight-Antwort nicht zulässig.

4. Fügen Sie eine 204-Rückkehr zu den Optionen hinzu, um Nginx zu verarbeiten, wenn Sie eine Post-Anfrage senden. Immer noch Zugriff Fehler verweigert

Beim Senden einer „Preflight-Anfrage“ müssen Sie Methodenoptionen verwenden, daher muss der Server diese Methode zulassen.
3. Preflight-Anfrage

Tatsächlich handelt es sich bei der obigen Konfiguration um einen W3C-Standard: cros, der vollständige Name Es ist Cross-Origin-Ressourcenfreigabe, die zur Lösung domänenübergreifender Anfragen vorgeschlagen wurde.
Der Cross-Origin-Resource-Sharing-Standard (Cors) fügt einen neuen Satz von HTTP-Header-Feldern hinzu, die es dem Server ermöglichen, zu deklarieren, welche Ursprungsseiten die Berechtigung haben, auf welche Ressourcen zuzugreifen. Darüber hinaus erfordert die Spezifikation, dass der Browser für HTTP-Anfragemethoden, die Nebenwirkungen auf Serverdaten haben können (insbesondere andere HTTP-Anfragen als Get oder Post-Anfragen mit bestimmten MIME-Typen), zunächst die Optionsmethode verwenden muss, um eine Preflight-Anfrage zu initiieren (Preflight-Anfrage), um zu erfahren, ob der Server die domänenübergreifende Anfrage zulässt. Nachdem der Server die Erlaubnis bestätigt hat, initiiert er die eigentliche http-Anfrage. Bei der Rückgabe der Preflight-Anfrage kann der Server den Client auch darüber informieren, ob er Identitätsanmeldeinformationen (einschließlich Cookies und HTTP-Authentifizierungsdaten) mit sich führen muss.

Tatsächlich handelt es sich bei der Anfrage mit dem Inhaltstyp-Feldtyp application/json um die oben erwähnte Post-Anfrage mit bestimmten Mime-Typen, die Cors vorschreibt nicht Diejenigen, die zu den folgenden Mime-Typen gehören, sind alle Preflight-Anfragen:


application/x-www-form-urlencoded
multipart/form-data

text/plain # 🎜🎜#

Die Anwendung/JSON-Anfrage fügt also vor der formellen Kommunikation eine „Preflight“-Anfrage hinzu. Diese „Preflight“-Anfrage bringt die Header-Informationen zur Zugriffskontrollanforderung. headers: content-type:

options /api/test http/1.1
origin: http://foo.example
access-control-request-method: post
access-control-request-headers: content-type
... 省略了一些
Nach dem Login kopieren

Wenn der Server antwortet und die zurückgegebenen Header-Informationen keine access-control-allow-headers: content-type enthalten, bedeutet dies, dass nicht standardmäßige Header nicht akzeptiert werden . Inhaltstyp. Das heißt, der folgende Fehler tritt auf:
Der Inhaltstyp des Anforderungsheaderfelds ist durch Zugriffskontroll-Zulassungsheader in der Preflight-Antwort nicht zulässig.

Das obige ist der detaillierte Inhalt vonNginx-Konfigurationsfehler bei domänenübergreifender Anforderung Access-Control-Allow-Origin * So lösen Sie ihn. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So überprüfen Sie die Nginx -Version So überprüfen Sie die Nginx -Version Apr 14, 2025 am 11:57 AM

Die Methoden, die die Nginx -Version abfragen können, sind: Verwenden Sie den Befehl nginx -v; Zeigen Sie die Versionsrichtlinie in der Datei nginx.conf an. Öffnen Sie die Nginx -Fehlerseite und sehen Sie sich den Seitentitel an.

So konfigurieren Sie den Namen des Cloud -Server -Domänennamens in Nginx So konfigurieren Sie den Namen des Cloud -Server -Domänennamens in Nginx Apr 14, 2025 pm 12:18 PM

So konfigurieren Sie einen Nginx -Domänennamen auf einem Cloud -Server: Erstellen Sie einen Datensatz, der auf die öffentliche IP -Adresse des Cloud -Servers zeigt. Fügen Sie virtuelle Hostblöcke in die NGINX -Konfigurationsdatei hinzu, wobei der Hörport, Domänenname und das Root -Verzeichnis der Website angegeben werden. Starten Sie Nginx neu, um die Änderungen anzuwenden. Greifen Sie auf die Konfiguration des Domänennamens zu. Weitere Hinweise: Installieren Sie das SSL -Zertifikat, um HTTPS zu aktivieren, sicherzustellen, dass die Firewall den Verkehr von Port 80 ermöglicht, und warten Sie, bis die DNS -Auflösung wirksam wird.

So überprüfen Sie, ob Nginx gestartet wird So überprüfen Sie, ob Nginx gestartet wird Apr 14, 2025 pm 01:03 PM

So bestätigen Sie, ob Nginx gestartet wird: 1. Verwenden Sie die Befehlszeile: SystemCTL Status Nginx (Linux/Unix), Netstat -ano | FindStr 80 (Windows); 2. Überprüfen Sie, ob Port 80 geöffnet ist; 3. Überprüfen Sie die Nginx -Startmeldung im Systemprotokoll. 4. Verwenden Sie Tools von Drittanbietern wie Nagios, Zabbix und Icinga.

So überprüfen Sie den Namen des Docker -Containers So überprüfen Sie den Namen des Docker -Containers Apr 15, 2025 pm 12:21 PM

Sie können den Namen des Docker -Containers abfragen, indem Sie den Schritten folgen: Alle Container auflisten (Docker PS). Filtern Sie die Containerliste (unter Verwendung des GREP -Befehls). Ruft den Containernamen ab (befindet sich in der Spalte "Namen").

So konfigurieren Sie Nginx in Windows So konfigurieren Sie Nginx in Windows Apr 14, 2025 pm 12:57 PM

Wie konfiguriere ich Nginx in Windows? Installieren Sie NGINX und erstellen Sie eine virtuelle Hostkonfiguration. Ändern Sie die Hauptkonfigurationsdatei und geben Sie die Konfiguration der virtuellen Host ein. Starten oder laden Nginx neu. Testen Sie die Konfiguration und sehen Sie sich die Website an. Aktivieren Sie selektiv SSL und konfigurieren Sie SSL -Zertifikate. Stellen Sie die Firewall selektiv fest, damit Port 80 und 443 Verkehr.

So starten Sie den Nginx -Server So starten Sie den Nginx -Server Apr 14, 2025 pm 12:27 PM

Das Starten eines Nginx-Servers erfordert unterschiedliche Schritte gemäß verschiedenen Betriebssystemen: Linux/UNIX-System: Installieren Sie das NGINX-Paket (z. B. mit APT-Get oder Yum). Verwenden Sie SystemCTL, um einen Nginx -Dienst zu starten (z. B. sudo systemctl start nginx). Windows -System: Laden Sie Windows -Binärdateien herunter und installieren Sie sie. Starten Sie Nginx mit der ausführbaren Datei nginx.exe (z. B. nginx.exe -c conf \ nginx.conf). Unabhängig davon, welches Betriebssystem Sie verwenden, können Sie auf die Server -IP zugreifen

So erstellen Sie Container für Docker So erstellen Sie Container für Docker Apr 15, 2025 pm 12:18 PM

Erstellen Sie einen Container in Docker: 1. Ziehen Sie das Bild: Docker Pull [Spiegelname] 2. Erstellen Sie einen Container: Docker Ausführen [Optionen] [Spiegelname] [Befehl] 3. Starten Sie den Container: Docker Start [Containername]

So starten Sie einen Container von Docker So starten Sie einen Container von Docker Apr 15, 2025 pm 12:27 PM

Startschritte des Docker -Containers: Ziehen Sie das Containerbild: Führen Sie "Docker Pull [Mirror Name]" aus. Erstellen eines Containers: Verwenden Sie "Docker erstellen [Optionen] [Spiegelname] [Befehle und Parameter]". Starten Sie den Container: Führen Sie "Docker Start [Container Name oder ID]" aus. Containerstatus überprüfen: Stellen Sie sicher, dass der Container mit "Docker PS" ausgeführt wird.

See all articles