在React中可以通过在项目根目录下创建一个名为.env
的文件来定义环境变量。根据不同的部署环境,可以创建不同的.env
文件,例如.env.development
、.env.production
等。
在.env
文件中定义环境变量的格式为REACT_APP_变量名=值
,如:
REACT_APP_API_URL=http://localhost:3000
然后在React组件中通过process.env.REACT_APP_变量名
来获取环境变量的值,例如:
const apiUrl = process.env.REACT_APP_API_URL;
在不同的部署环境下,可以在启动应用程序时使用REACT_APP_ENV=环境名称
的方式指定使用哪个环境变量文件,例如:
REACT_APP_ENV=development npm start
在项目中可以根据不同的环境变量值来配置不同的API地址、跟踪代码等,从而支持不同的部署环境。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。