Maison > interface Web > js tutoriel > Comment activer CORS dans Express.js pour les applications Node.js ?

Comment activer CORS dans Express.js pour les applications Node.js ?

Mary-Kate Olsen
Libérer: 2024-11-27 16:39:10
original
222 Les gens l'ont consulté

How to Enable CORS in Express.js for Node.js Applications?

Comment activer CORS dans Express pour Node.js

Pour activer le partage de ressources d'origine croisée (CORS) dans Express pour Node.js , vous pouvez utiliser le middleware cors. Ce middleware ajoute les en-têtes CORS nécessaires à vos réponses, permettant à votre application de communiquer avec d'autres domaines ou protocoles.

Installation

Installez le middleware cors à l'aide de la commande suivante :

npm install cors --save
Copier après la connexion

Utilisation

Après l'installation, demandez le cors et utilisez-le comme suit dans votre application Express :

const cors = require('cors');
const express = require('express');

const app = express();
app.use(cors());
Copier après la connexion

En ajoutant ce middleware, toutes vos routes API verront automatiquement les en-têtes CORS ajoutés à leurs réponses.

Personnalisation des options CORS

Vous pouvez personnaliser les options CORS en passant un objet de configuration au middleware cors(). Par exemple, pour activer CORS pour toutes les origines, méthodes et en-têtes, vous pouvez utiliser la configuration suivante :

app.use(cors({
  origin: '*',
  methods: 'GET,HEAD,PUT,PATCH,POST,DELETE',
  allowedHeaders: 'Content-Type,Authorization',
}));
Copier après la connexion

Activation des demandes de contrôle en amont

Certains navigateurs peuvent envoyer une demande de contrôle en amont avant d'envoyer la demande proprement dite. Pour gérer cela, vous pouvez ajouter l'option preflightContinue à votre configuration CORS :

app.use(cors({
  preflightContinue: true,
}));
Copier après la connexion

Dépannage

Si vous rencontrez toujours des problèmes CORS, assurez-vous que le serveur répond avec les en-têtes CORS appropriés. Vous pouvez utiliser des outils tels que Postman ou les outils de développement du navigateur pour inspecter les en-têtes de réponse. Assurez-vous également que l'application côté client envoie l'origine et les informations d'identification correctes.

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!

source:php.cn
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal