Cette erreur se produit lorsque j'essaie d'accéder au chemin racine ("/") de mon application MERN. Bien que l'accès à ce chemin sur la machine locale fonctionne correctement et que j'obtienne l'application React. L'application React utilise le port 3000 mais le serveur utilise 8080. J'ai construit mon application en utilisant ce modèle : https://github.com/crsandeep/simple-react-full-stack/ (il suffit de changer les fichiers dans les répertoires "client", "server" et "public" et de changer les chemins vers le client dans "webpack.config.js")
J'ai également essayé de couvrir le composant principal de mon application avec le routeur (dans "index.js" du client) comme ceci :
<Router>
<Route exact path="/" component={MessageBoard} />
</Router>Mais j'obtiens toujours l'erreur. Quel est le problème ?
UPD : Le contenu de server.js est :
const express = require("express");
const logger = require("morgan");
const API_PORT = process.env.PORT || 8080;
const app = express();
const router = require('./routers/board');
app.use(logger("dev"));
app.use('/api', router);
app.listen(API_PORT, () => {
console.log(`LISTENING ON PORT ${API_PORT}`)
});UPD 1 : Contenu de "/etc/nginx/sites-available/default" :
server {
listen 80;
server_name ec2-18-222-203-253.us-east-2.compute.amazonaws.com www.ec2-18-222-203-253.us-east-2$
location / {
proxy_pass http://127.0.0.1:8080;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
proxy_redirect off;
}
}
