Naviguer dynamiquement un lien vers le serveur Express de l'application React

Question

J'essaie de naviguer sur un lien frontal de l'application React JS vers un serveur Express.

Exemple

<a href="/pages">Pages</a> 

Dans le serveur Express, je l'ai écrit ce morceau de code

app.get('/pages', (req, res) => { 
    res.send('Pages'); 
}); 

J'ai également mis à jour mon devant fichier package.json comme ceci:

"proxy": { 
    "/pages" : { 
     "target" : "http://localhost:5000" 
    } 
} 

Mon application React s'exécute sur le port 3000 et le serveur Express fonctionne sur le port 5000. Cependant, quand je clique sur le lien Pages rien ne se passe. Je dois changer explicitement le lien frontal comme pour ainsi faire fonctionner:

<a href="http://localhost:5000/pages">Pages</a> 

Est-il possible que je pouvais dynamiquement connecter mon React App avec mon serveur Express sans avoir à spécifier http://localhost:5000 dans tous les liens everytime?

Answer 1

Résolu! Mon package.json n'a pas été mis à jour à cause du rechargement à chaud. J'ai dû tuer le serveur webpack existant et l'exécuter à nouveau pour le faire fonctionner. À l'avenir, si quelqu'un est coincé dans cette situation, assurez-vous simplement que vous mettez à jour votre package.json fichier comme ceci:

"proxy": { 
    "/pathname" : { 
     "target" : "http://yourserveraddress" 
    } 
} 

Answer 2

Je pense qu'il doit être

"proxy": { 
    "/pages" : { 
    "target" : "http://localhost", 
    "port" : 5000 
    } 
}