反应不从更新的环境文件中获取数据

Question

我的.env 文件中有一些环境变量会在数据库中的某些值更新时更新。

示例：

REACT_APP_FIREBASE_ID=1234567890

当我在我的 react 应用程序上将此记录到控制台时：

console.log(process.env.REACT_APP_FIREBASE_ID) //this gives "1234567890"

但是当 .env 文件被其他东西更新时：

示例：

REACT_APP_FIREBASE_ID=9876543210

日志仍然给出旧值：

console.log(process.env.REACT_APP_FIREBASE_ID) //this still gives "1234567890"

我在开发模式的 CRA 上使用“npm start”

如果我终止服务器并重新启动它，我可以看到控制台的正确输出。 但是，这在“npm run build”之后不起作用

在生产模式下更改 .env 文件后如何清除环境缓存？

Answer 1

我就是这样解决的。

我的第一种方法是从 .env 文件中获取值，但除非重新启动服务器，否则这种方法不起作用。 [不好]

我的第二个想法是创建一个 JSON 文件并保存其中的数据，并在数据库更新时更新 JSON 文件。 可悲的是，这是一个非常糟糕的方法，因为 CRA（或者可能是任何 react 项目）无法调用 src 文件夹之外的文件，并且在构建之后，无法更改构建的 js 文件。 [非常糟糕]

最后，我设法使用这种方法解决了这个问题[DECENT，我猜]

• 以键值格式保存表中的数据（您也可以只保存为 JSON 格式）
• 加载应用程序（加载主组件）时，调用获取该键值（或 JSON）的 API 并将数据存储在浏览器的 LocalStorage 中。
• 使用localStorage.getItem("theKeyName") 获取应用程序上的值

提示： 您可以在调用 API 之前检查密钥是否已经存在于 LocalStorage 中。

if(localStorage.getItem("theKeyName") !== null) {
    //your API fetch request or redux dispatch
}