fetch de localhost sur le même serveur

Question

Je cours à la fois le front-end (React) et le back-end (nodejs) sur le même serveur Linux.

Dans mon frontal, j'ai une demande fetch à l'arrière-plan que je dois spécifier comme fetch('http://10.25.248.238:3001/'), l'adresse IP (locale parce que ce site est destiné à une utilisation interne de l'entreprise) et le port de l'arrière-plan.

Existe-t-il un moyen d'éviter le codage en dur de cette adresse IP principale afin qu'elle fonctionne toujours si le serveur frontal et le serveur principal sont déplacés vers un autre serveur?

J'ai essayé mais cela essaye d'aller chercher dans le localhost des visiteurs du site. fetch('/') ne fonctionnait pas non plus.

L'enregistrement d'un nom de domaine n'est pas approprié car ce site est uniquement destiné à un usage interne.

Answer 1

Une solution simple consiste à définir les variables d'environnement dans vos paramètres Webpack et à les transmettre à l'application React.

Vous pouvez créer dev.webpack.config.js et prod.webpack.config.js et dans chacun des fichiers de configuration, utilisez webpack.DefinePlugin:

new webpack.DefinePlugin({ 
    BASE_URL: 'YOUR_SERVER_BASE_URL' 
}); 

Et dans votre App React vous pouvez consulter les avec process.env.BASE_URL. Par exemple:

let url = process.env.BASE_URL + '/user';