Доступ к динамическому номеру порта в Webpack

Question

Я создаю приложение Electron / Nodejs / реагировать, которое будет работать на локальном хосте пользователя (например, localhost:8080).

Я использую Portfinder , чтобы найти свободный порти запустите приложение на этом порту.

portfinder
    .getPortPromise()
    .then(port => {
        app.listen(port, function() {
            console.log("Server started on localhost:" + port + ", Node ENV " + app.get("env"));
        });
    })
    .catch(err => {
        //Could not get a free port, `err` contains the reason.
    });

В приложении React мне нужно получить доступ к этому номеру порта для отправки http запросов обратно на сервер узла.

Есть лиспособ доступа к этому динамически создаваемому порту # в React или Webpack вне использования переменных env в package.json или .env файле?

Answer 1

Если один и тот же сервер используется для обслуживания клиентских и серверных API, вы можете использовать относительные маршруты (/api/getData). Клиент подключится к тому же серверу.

Если ваш бэкэнд размещен на другом сервере, вам нужно передать информацию клиенту вручную.