node.js - 从同一服务器上的本地主机获取

Question

我在同一台 Linux 服务器上运行前端 (React) 和后端 (nodejs)。

在我的前端，我有一个到后端的 fetch 请求，我必须将其指定为 fetch('http://10.25.248.238:3001/') 、IP(本地，因为该网站供公司内部使用)和后端端口。

有没有办法避免对此后端 IP 地址进行硬编码，以便在前端和后端都移动到另一台服务器时它仍然可以工作？

我已经尝试过http://localhost:3001，但实际上是尝试从网站访问者的本地主机获取数据。 fetch('/') 也不起作用。

注册域名并不合适，因为该网站仅供内部使用。

Answer 1

一个简单的解决方案是在 Webpack 设置中定义环境变量并将其传递到 React 应用程序中。

您可以创建 dev.webpack.config.js 和 prod.webpack.config.js 并在每个配置文件中使用 webpack.DefinePlugin:

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

在你的 React 应用程序中，你可以使用 process.env.BASE_URL 引用它们。例如:

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