在应用里我们可以直接通过 process.env 使用在环境变量文件里定义的环境变量，或者也可以单独定义一个应用的配置文件，在里面导出一个配置对象，对象里的属性的值可以设置成环境变量的值，这样做的好处是，在配置文件里可以对环境变量的值做一些处理，比如把字符串转换成数字类型的值。

打开 .env.development，在里面再添加一个环境变量，名字是 REACT_APP_API_BASE_URL，表示后端应用接口的基本地址，值设置成 http://localhost:3001。复制一下这个环境变量，打开 .env.production，在里面要定义同名的环境变量，在生产环境下，这个环境变量的值要根据自己的实际情况修改。

然后新建一个配置文件，放在 src/app 里面，名字是 app.config.ts，解构一下 process.env，可以把它里面的环境变量解构出来，需要的是 REACT_APP_NAME，重命名为 appName，还需要一个 REACT_APP_API_BASE_URL，改个名字叫 apiBaseUrl。

在下面 export 一个 appConfig，它是一个对象，里面添加一个 appName，还有一个 apiBaseUrl。 这样在应用里可以从这个 app.config 这个模块里导入使用 appConfig 这个对象，然后访问它里面的这些配置，比如 appName 还有 apiBaseUrl。

打开 app-header.tsx，之前在这里直接读取的是 process.env 里的环境变量，把它换成 appConfig 里的 appName，编辑器会帮我们导入这个 appConfig。

修改了环境变量以后，需要重新再启动一下项目的开发服务。