node.js - 在Webpack中访问动态端口号

Question

我正在构建一个 Electron/nodejs/react应用程序，它将在用户本地主机上运行(例如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 请求发送回 Node 服务器。

除了在 package.json 或 .env 文件中使用环境变量之外，有没有办法在 React 或 Webpack 中访问这个动态创建的端口号？

Answer 1

如果使用同一服务器为客户端和后端 API 提供服务，则可以使用相对路由 (/api/getData)。客户端将访问同一服务器。

如果您的后端托管在不同的服务器上，那么您需要手动将信息传递给客户端。