reactjs - 根据用户输入动态更改 API 端点和基本 url

Question

我有一个 Create-React 应用程序，其中有一个设置页面，在这个设置页面内，用户有几个输入（表单输入），他可以在其中定义某些参数，如后端服务器端点、API 端点......所以这里是问题，我怎样才能在这个应用程序中保留这些数据，而不需要为我的前端应用程序添加额外的后端服务器，请注意我尝试使用 .env 变量，但我无法根据用户输入更新这些变量，配置文件也没有工作，因为前端应用程序只在浏览器中活动并且无法访问文件，我也尝试使用本地存储，它工作但同样，我不能将它持久化到整个应用程序（因为本地存储与浏览器绑定，改变浏览器会改变数据），最后我考虑使用 redux 并将配置存储在商店中并根据按钮点击更新状态，但我不确定这是否是正确的方法。

标签： reactjsfilereduxenvironment-variablesconfig

Answer 1

基本上有几种方法可以将客户端数据存储在浏览器中；比如 cookie 存储、本地存储，如果你使用的是 redux，redux withredux-persist可能是这类用例的绝佳选择。

但是正如您提到的，您希望在应用程序的用户会话之间保留该数据，例如，您的用户可以从 chrome、firefox 甚至从他/她的移动浏览器访问应用程序，老实说，对于您的情况，除了存储数据库中所需的输入数据（后端人员应该这样做）并在 api 中将数据提供给经过身份验证的用户。没有别的办法！