我是 React 新手,我将部署一个 React 项目。 React项目由create-react-app创建,然后生产代码由“npm build”构建,并由Express托管。
在项目中,有一些对 API 服务器的 fetch 调用,其中的 URL 是可配置的。在开发中,我可以通过在文件 .env 的环境变量中设置它来做到这一点(例如 REACT_APP_API_URL=http://某处/)并导入到代码中。
然而,似乎这些环境变量在运行“npm build”后变得静态,我无法再更改它,即使通过执行类似“REACT_APP_API_URL=http://其他服务器/当我启动服务器时,节点express_server.js”。
我想问是否有什么方法可以在“npm build”之后为代码获取一些配置,如果可以从文件或.env获取是最好的,从环境变量对我来说也可以。
谢谢。
环境变量在构建步骤中嵌入到文件中,因此您需要在调用时为它们分配正确的值react-scripts build
.
Example
"scripts": {
"start": "cross-env REACT_APP_API_URL=http://somewhere/ react-scripts start",
"build": "cross-env REACT_APP_API_URL=http://otherserver/ react-scripts build",
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)