我正在构建一个React应用程序，作为其中的一部分，我有一台在本地端口上运行的后端Express服务器，但这是由于部署的变化而导致的，可能会在将来更多。将该API地址存储在前端的最佳方法是什么？
目前我使用：
localstorage.setItem（“ apiendpoint”，“ http://10.1.1.1.177:8080”）; ，但这感觉很笨拙且不安全。
我不知道该方法的特定问题，因为这是在每个页面负载上设置的，这意味着它不能更改，但是要做的是错误的。
I am building a React app and as part of it, I have a backend Express server which runs on a local port, however this is due to change on deployment, and maybe more times in the future. What would be the best way to store the address of this API in the frontend?
Currently I use:
localStorage.setItem("apiEndpoint", "http://10.1.1.177:8080"); but that feels quite hacky and insecure.
I don't know the specific problem with that approach as this is set on every page load, meaning it can't be changed, but it feels wrong to do.
发布评论
评论（1）
您可以将环境变量与React使用。基本上，这将允许您使用.ENV文件，并且可以将端点命名为API_ENDPOINT = http：//10.1.1.1.177：8080在开发环境中。在生产环境中，您可以使用其他URL，但具有相同的API_ENDPOINT名称。
您可以参考以下链接
You can use environment variables with React. Basically, this will allow you to use a .env file and you can name the endpoint as API_ENDPOINT=http://10.1.1.177:8080 for your development environment. On your production environment, you can use a different url but with the same API_ENDPOINT name.
You can reference the below link
https://create-react-app.dev/docs/adding-custom-environment-variables/