使用.env从项目中提取需更换的值

        日常开发中，前端与后端开发进度不一，如果后端开发较慢，前端所需接口需要我们自己去mock，这里我们使用的接口就是自己本机上的接口，在后端开发完毕后，我们需要将这个接口换回来。

        如果这个接口在项目中多次出现，且项目极其复杂，那么我们就需要将这种数据提出来。

---

        在项目根目录下，新建文件“.env”与“.env.development”

        在.env.development中这样写：

REACT_APP_API_URL=http://localhost:3001

        这个是在开发中使用的接口。

        在.env中这样写：

REACT_APP_API_URL=http://onLine.com

        这个是正式使用的接口。

---

        那要怎样读取这个值。

        在需要引入的文件上面加上这一句：

const apiUrl=process.env.REACT_APP_API_URL

---

        还有一件事，这样一句代码，react是如何识别现在到底使用.env还是.env.development的呢？

        是这样的

        在你运行

npm start

的时候，是用的.env.development.

        在运行

npm run build

的时候，是用的.env

        这样就可以很方便的自动替换接口了。