[JavaScript知识库]React环境配置(React中axios环境变量的配置)

首先在根目录也就是与package.json文件同级的目录创建两个以 .env开头的文件，因为以点符号开头，我用的是vscode，所以需要安装一个插件叫 DotENV

两个文件的名字分别是用于开发版本的 .env.development 和用户生产版本的 .env.production：


然后在两个文件中定义以 REACT_APP_ 开头的变量，注意，一定要以 REACT_APP_ 开头，否则环境读取不到：

创建REACT_APP_URL变量，在两个文件中分别设置它们的url，
在.env.development文件中设置开发时的url，比如：

REACT_APP_URL=http://localhost:8080

在.env.production文件中设置生产时的url，比如：

REACT_APP_URL=http://api.xxx.com

现在，不管是生产环境还是开发环境都可以通过 BASE_URL 拿到对应的url

关注博主即可阅读全文