如何將配置文件存儲在 React 的構建文件夾中？

Question

我想將我的應用程序存儲在不同的服務器上。 每個服務器都有自己的配置，如聯系地址、電子郵件地址、路由路徑名稱等。

目前我的 src 文件夾中有不同的 config.js 文件，當應用程序更新時，我需要為每個服務器重建應用程序並每次都替換 config.js。

是否可以將 config.js 存儲在 build 文件夾中，以便來自yarn build的應用程序在每台服務器上始終相同，但存儲在服務器上的 config.js 不同？

這會容易得多，因為目前構建應用程序很痛苦。

Answer 1

在您的客戶端代碼中創建名為Config.js的新文件 > 將您的配置放在那里示例：

module.exports = {
PORT: 80,
APPID: "xxxxx",
APPCERT: "xxxx",

}

在我的案例 server.js 中將您的文件導入到任何您想假設的地方 我按如下方式導入它

var env = require('../../Config');

然后使用您定義的配置

var appCertificate = env.APPCERT;

注意：為了使您的配置文件保持動態，您可以使用環境變量或為不同的環境制作不同的 config.js 文件。