Maison Opération et maintenance Nginx Erreur de demande inter-domaines de configuration Nginx Access-Control-Allow-Origin * Comment résoudre

Erreur de demande inter-domaines de configuration Nginx Access-Control-Allow-Origin * Comment résoudre

May 11, 2023 pm 11:10 PM
nginx

Préface

Lorsqu'une erreur inter-domaines 403 se produit no 'access-control-allow-origin' header is present on the requested resource, vous devez configurer les paramètres d'en-tête de réponse pour le serveur nginx : #🎜🎜 ##🎜 🎜#

1. Solution


Il vous suffit de configurer les paramètres suivants dans le fichier de configuration nginx :

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;
 }
}
Copier après la connexion
#🎜🎜 #Le code de configuration ci-dessus Le problème est résolu Si vous ne souhaitez pas étudier en profondeur, regardez simplement ici =-=


2. Explication

.

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

Le serveur n'est pas autorisé à traverser le domaine par défaut. Après avoir configuré « access-control-allow-origin * » pour le serveur nginx, cela signifie que le serveur peut accepter toutes les sources de requêtes (origine), c'est-à-dire qu'il accepte toutes les requêtes inter-domaines.

2. access-control-allow-headers permet d'éviter les erreurs suivantes :

#🎜 🎜#Le type de contenu du champ d'en-tête de requête n'est pas autorisé par les en-têtes de contrôle d'accès dans la réponse de contrôle en amont.

Cette erreur indique que la valeur du type de contenu de la requête actuelle n'est pas soutenu. En fait, cela a été causé par le lancement d'une requête de type "application/json". Cela implique un concept : la demande de contrôle en amont. Veuillez consulter l'introduction de la « demande de contrôle en amont » ci-dessous.

3. access-control-allow-methods consiste à éviter les erreurs suivantes :

content- le type n'est pas autorisé par les en-têtes access-control-allow-headers dans la réponse de contrôle en amont.

4 Ajoutez un retour 204 aux options pour gérer nginx lors de l'envoi d'une demande de publication. Accès toujours. erreur refusée

Lors de l'envoi d'une "demande de contrôle en amont", vous devez utiliser les options de méthode, le serveur doit donc autoriser cette méthode.
3. Demande de contrôle en amont

En fait, la configuration ci-dessus implique un standard w3c : cros, le nom complet C'est le partage de ressources d'origine croisée, qui a été proposé pour résoudre les requêtes inter-domaines.
La norme de partage de ressources d'origine croisée (cors) ajoute un nouvel ensemble de champs d'en-tête http qui permettent au serveur de déclarer quels sites d'origine ont l'autorisation d'accéder à quelles ressources. De plus, la spécification exige que pour les méthodes de requête http qui peuvent avoir des effets secondaires sur les données du serveur (en particulier les requêtes http autres que get ou les requêtes post avec certains types MIME), le navigateur doit d'abord utiliser la méthode options pour lancer une requête de contrôle en amont. (requête de contrôle en amont) pour savoir si le serveur autorise la requête inter-domaines. Une fois que le serveur a confirmé l'autorisation, il lance la requête http proprement dite. Lors du retour de la demande de contrôle en amont, le serveur peut également indiquer au client s'il doit disposer d'informations d'identification (y compris les cookies et les données liées à l'authentification http).

En fait, la requête avec le type de champ content-type application/json est la requête de publication mentionnée ci-dessus avec certains types MIME. Cors stipule que le type de contenu le fait. not Ceux appartenant aux types MIME suivants sont toutes des demandes de contrôle en amont :


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

text/plain # 🎜🎜#

Ainsi, la requête application/json ajoutera une requête "preflight" avant la communication formelle. Cette requête "preflight" apportera les informations d'en-tête access-control-request-. headers: content-type:

options /api/test http/1.1
origin: http://foo.example
access-control-request-method: post
access-control-request-headers: content-type
... 省略了一些
Copier après la connexion

Lorsque le serveur répond, si les informations d'en-tête renvoyées ne contiennent pas access-control-allow-headers: content-type, cela signifie que ceux qui ne sont pas ceux par défaut ne sont pas acceptés .type de contenu. Autrement dit, l'erreur suivante se produit :
le type de contenu du champ d'en-tête de requête n'est pas autorisé par les en-têtes d'autorisation de contrôle d'accès dans la réponse de contrôle en amont.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment vérifier si Nginx est démarré Comment vérifier si Nginx est démarré Apr 14, 2025 pm 01:03 PM

Comment confirmer si Nginx est démarré: 1. Utilisez la ligne de commande: SystemCTl Status Nginx (Linux / Unix), netStat -ano | Findstr 80 (Windows); 2. Vérifiez si le port 80 est ouvert; 3. Vérifiez le message de démarrage NGINX dans le journal système; 4. Utilisez des outils tiers, tels que Nagios, Zabbix et Icinga.

Comment vérifier la version nginx Comment vérifier la version nginx Apr 14, 2025 am 11:57 AM

Les méthodes qui peuvent interroger la version Nginx sont: utilisez la commande nginx -v; Afficher la directive de version dans le fichier nginx.conf; Ouvrez la page d'erreur Nginx et affichez le titre de la page.

Comment configurer le nom de domaine du serveur cloud dans nginx Comment configurer le nom de domaine du serveur cloud dans nginx Apr 14, 2025 pm 12:18 PM

Comment configurer un nom de domaine NGINX sur un serveur cloud: Créez un enregistrement A pointant vers l'adresse IP publique du serveur cloud. Ajoutez des blocs d'hôtes virtuels dans le fichier de configuration Nginx, en spécifiant le port d'écoute, le nom de domaine et le répertoire racine du site Web. Redémarrez Nginx pour appliquer les modifications. Accéder à la configuration du test de nom de domaine. Autres notes: Installez le certificat SSL pour activer HTTPS, assurez-vous que le pare-feu autorise le trafic Port 80 et attendez que la résolution DNS prenne effet.

Comment vérifier le nom du conteneur Docker Comment vérifier le nom du conteneur Docker Apr 15, 2025 pm 12:21 PM

Vous pouvez interroger le nom du conteneur Docker en suivant les étapes: répertorier tous les conteneurs (Docker PS). Filtrez la liste des conteneurs (à l'aide de la commande grep). Obtient le nom du conteneur (situé dans la colonne "Noms").

Comment configurer Nginx dans Windows Comment configurer Nginx dans Windows Apr 14, 2025 pm 12:57 PM

Comment configurer Nginx dans Windows? Installez Nginx et créez une configuration d'hôte virtuelle. Modifiez le fichier de configuration principale et incluez la configuration de l'hôte virtuel. Démarrer ou recharger nginx. Testez la configuration et affichez le site Web. Activer sélectivement SSL et configurer les certificats SSL. Définissez sélectivement le pare-feu pour permettre le trafic Port 80 et 443.

Comment démarrer le serveur Nginx Comment démarrer le serveur Nginx Apr 14, 2025 pm 12:27 PM

Le démarrage d'un serveur Nginx nécessite différentes étapes en fonction des différents systèmes d'exploitation: Système Linux / Unix: Installez le package NGINX (par exemple, en utilisant Apt-Get ou Yum). Utilisez SystemCTL pour démarrer un service NGINX (par exemple, sudo systemctl start nginx). Système Windows: téléchargez et installez les fichiers binaires Windows. Démarrer Nginx à l'aide de l'exécutable Nginx.exe (par exemple, nginx.exe -c conf \ nginx.conf). Peu importe le système d'exploitation que vous utilisez, vous pouvez accéder au serveur IP

Comment créer des conteneurs pour Docker Comment créer des conteneurs pour Docker Apr 15, 2025 pm 12:18 PM

Créer un conteneur dans Docker: 1. Tirez l'image: docker pull [Nom du miroir] 2. Créer un conteneur: docker run [Options] [Nom du miroir] [Commande] 3. Démarrez le conteneur: docker start [Nom du conteneur]

Comment démarrer un conteneur par Docker Comment démarrer un conteneur par Docker Apr 15, 2025 pm 12:27 PM

Étapes de démarrage du conteneur Docker: Tirez l'image du conteneur: Exécutez "Docker Pull [Mirror Name]". Créer un conteneur: utilisez "Docker Create [Options] [Mirror Name] [Commandes et paramètres]". Démarrez le conteneur: exécutez "docker start [nom de conteneur ou id]". Vérifiez l'état du conteneur: vérifiez que le conteneur s'exécute avec "Docker PS".

See all articles