Erreur : Access-Control-Allow-Origin (Express – Node – React)

03 Août Erreur : Access-Control-Allow-Origin (Express – Node – React)

Si vous avez tomber dans un erreur de type ‘Access-Control-Allow-Origin’ En essayant d’extraire des données d’une API avec Express – Node en React.

Vous avez la possibilité de corriger ça en ajoutant dans votre fichier de configuration express

/*
..
*/

app.use(function (req, res, next) {
    // L'URL DU SITE WEB POUR LA CONNEXION
    res.setHeader('Access-Control-Allow-Origin', 'http://localhost:8888');
    // LES METHODES QUE VOUS VOUVEZ LES ACCEPTER
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
    // LE TYPE DES HEADER QUE VOUS VOULEZ LES ACCEPTER
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
    // Set to true if you need the website to include cookies in the requests sent
    res.setHeader('Access-Control-Allow-Credentials', true);
    next();
});

/*
..
*/