J'ai créé une application frontale par Creat-React-App . Comment puis-je commencer avec gracieusement mon histoire en développement de ces problèmes!
La commande "
application frontale pour le développement. Voici le problème:
3 Réponses :
Il existe deux façons de résoudre les problèmes d'origine croisée dans le serveur de nœuds,
Module CORS d'installation d'abord. puis utilisez-le à l'intérieur de votre application P> NPM Install Cors CODE> P> app.use(function (req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
res.header("Access-Control-Allow-Methods", "GET, POST, OPTIONS, PUT, DELETE");
next();
});
Un moyen facile de traiter avec Cors avec un backend Nodejs consiste à utiliser ExpressJS Middleware et à l'extension "Cors", comme indiqué dans la documentation ExpressJS:
À des fins de test Il existe différentes extensions de navigateur qui implémentent automatiquement les en-têtes de Cors dans toutes vos demandes (accès à l'accès-Control-Autory-Origin, méthodes d'accès , Access-Control-Autory-Headers). L'utilisation de cette extension rend toute votre demande à partir du navigateur Cors activé (pas bien pour la production, juste pour Test / Dev).
Notez que les «demandes simples», qui utilisent uniquement les types de contenu / la tête / la poste et les types de contenu suivants: Application / X-www-Form-Urlencoded, multipart / form-données, texte / nature ne déclenche pas Demande de pré-feu Cors afin qu'elles soient autorisées.
Pour une compréhension générale de Cors, je me référerais aux documents MDN Mozilla:
Le moyen le plus simple de surmonter les problèmes de Cors est d'utiliser le module NPM pour CORS.
Installez-le dans votre projet en utilisant: puis inclure-le dans votre fichier app.js comme celui-ci: puis utilisez-le comme Un middleware dans votre application comme ceci: et cela devrait faire!
J'espère que cela vous aidera !! / p>