Fetch von localhost auf demselben Server

Question

Ich führe sowohl die Front-End (React) und Back-End (Nodejs) auf dem gleichen Linux-Server.

In meinem Front-End habe ich eine fetch Anfrage an das Back-End, die ich als fetch('http://10.25.248.238:3001/'), die IP (lokal, da diese Website für die interne Firma ist) und Port des Back-End angeben.

Gibt es eine Möglichkeit, Hard-Coding dieser Back-End-IP-Adresse zu vermeiden, damit es funktioniert, wenn sowohl das Front-End als auch das Back-End auf einen anderen Server verschoben wird?

Ich habe versucht http://localhost:3001, aber das tatsächlich versucht, von den localhost der Besucher der Website zu holen. fetch('/') hat auch nicht funktioniert.

Die Registrierung eines Domainnamens ist nicht geeignet, da diese Site nur für den internen Gebrauch gedacht ist.

Answer 1

Eine einfache Lösung besteht darin, die Umgebungsvariablen in Ihren Webpack-Einstellungen zu definieren und sie an die React-App zu übergeben.

Sie können dev.webpack.config.js und prod.webpack.config.js erstellen und in jeder der Konfigurationsdatei verwenden webpack.DefinePlugin:

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

Und in Ihrem App Reagieren Sie beziehen sie mit process.env.BASE_URL. Zum Beispiel:

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