React .env 环境变量(详细使用、命名方式)

时间:2025-01-22 14:42:42

环境变量定义好之后,在代码中通过 对象访问 .env 文件中的变量。

例如:访问上面定义的 REACT_APP_BASE_URL 环境变量,通过 .REACT_APP_API_KEY 这样访问即可。

直接在 中输出测试一下:

import { useEffect } from 'react'

useEffect(() => {
  console.log(process.env.REACT_APP_BASE_URL)
}, [])