Skip to main content

环境变量

在前端项目运行 yarn build 时,可以通过 .env 设置下列的环境变量, 这些变量设定的值会在界面中需要的地方展示。

# 此项目的信息
# REACT_APP_NAME 应该设置为这个项目的名称,例如“XXX管理系统”。
# REACT_APP_VERSION 应该设置为项目的版本号,例如 `1.1.0`。
REACT_APP_NAME=$npm_package_name
REACT_APP_VERSION=$npm_package_version

# 运营此项目的公司信息
# REACT_APP_COMPANY_NAME 应该设置为最终运营此项目的机构名称,例如这个项目是为
# 江苏XXXX学校使用,那么 REACT_APP_COMPANY_NAME 应该设置为江苏XXXX学校。
# REACT_APP_COMPANY_NAME_FULL 是完整的机构名称。
REACT_APP_COMPANY_NAME=Lucky Byte Inc.
REACT_APP_COMPANY_NAME_FULL=Lucky Byte Inc.

# ICP 备案信息
# 网站如果有备案信息,应该在这里设置,以符合监管规定。
REACT_APP_ICP=皖ICP备15002320号
REACT_APP_ICP_LINK=http://www.beian.miit.gov.cn/

# 开发商信息
# REACT_APP_DEV_NAME 以及关联的一组环境变量用于设置开发商的信息。
REACT_APP_DEV_NAME=Lucky Byte, Inc.
REACT_APP_DEV_EMAIL=service@lucky-byte.com
REACT_APP_DEV_TEL=0551-33628675
REACT_APP_DEV_ADDRESS=安徽合肥
REACT_APP_DEV_URL=https://reactgo.kross.work

系统环境变量

还有一些环境变量是系统内置的,可以影响系统的行为,这些环境变量可以在 Advanced Configuration 中查询。

自定义环境变量

你可以在 .env 中增加新的环境变量,环境变量必须以 REACT_APP_ 开头(例如 REACT_APP_XXXXX), 在代码中通过下面的方式访问:

<p>{process.env.REACT_APP_XXXXX}</p>

开发时环境变量

可以在 .env.development 文件中设置开发时的环境变量,这些环境变量只在开发时有效。

更多信息

关于环境变量的更多信息可以参考 Adding Custom Environment Variables