Bonjour,

je m'entraine sur un petit projet de gestion des finances en nodejs avec express pour le backend et react pour le front. Lorsque je fait tourner mon application en local, tout fonctionne. Mes requetes axios côté front accèdent bien à mon backend et je peux créer lire modifier supprimer les données à ma guise. Tout fonctionne.

Mais dès que j'essaie de mettre en ligne mon application, j'heberge le back sur heroku et le front sur netlify, je me retrouve avec des erreur CORS POLICY que je n'arrive pas à résoudre. Pourtant en local la requete cors que j'ai mis dans mon backend fonctionne.

Quelqu'un peut-il m'aiguiller un peu sur ce point ?

Cordialement.

Ci-joint le code de mon app.js côté backend :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
// npm init
// npm i express mongoose dotenv validator
require("dotenv").config();
const { connectDb } = require("./src/services/mongoose");
const userRoutes = require("./src/routes/user");
const budgetRoutes = require("./src/routes/budget");
const cors = require("cors");
 
// connexion express
const express = require("express");
const app = express();
const port = process.env.PORT || 5000;
 
// connexion database
connectDb().catch((err) => console.log(err));
 
// AuthorisationCORS
app.use(
  cors({
    origin: "http://localhost:3000",
    credentials: true,
    optionsSuccessStatus: 200,
  })
);
 
// gestion des routes
app.use(express.json());
app.use(userRoutes);
app.use(budgetRoutes);
app.use((req, res) => res.json({ message: "l'api est en ligne" }));
 
app.listen(port, () => {
  console.log("Le serveur est lancé sur le port " + port);
});