React应用中环境变量显示undefined问题求助

• 确认环境文件位置：config.env必须放在项目根目录（与package.json同级），核对你的文件夹结构确保位置正确
• 严格遵循变量命名规则：必须以REACT_APP_开头，检查拼写、大小写、下划线是否正确
• 修改环境文件后重启开发服务器：执行npm start重启服务，否则新的环境变量不会被加载
• 规范文件格式：变量定义不能有多余空格，比如REACT_APP_API_URL = some value会读取失败，正确写法是REACT_APP_API_URL=somevalue；若值包含空格，需用引号包裹：REACT_APP_API_URL="some value"
• 注意create-react-app的默认规则：如果是用create-react-app初始化的项目，它只会自动识别根目录下命名为.env、.env.development、.env.production的文件，自定义的config.env不会被自动加载，需将文件重命名为.env，或者通过dotenv手动指定路径
• 手动配置dotenv（非create-react-app项目）：安装依赖npm install dotenv，在项目入口文件（如index.js）添加代码：require('dotenv').config({ path: './config.env' })
• 排查多文件冲突：确认项目中没有其他.env文件覆盖变量

内容的提问来源于stack exchange，提问作者Saptaparnee