在Render平台部署项目时如何使用.env文件

1. 本地创建.env文件 #

在项目根目录手动新建.env文件，按照键=值的格式写入你的敏感配置或环境变量，比如：

API_KEY=your_real_api_key
DATABASE_URL=mongodb://localhost:27017/your_project_db
PORT=3000

注意：值不要随意加引号（除非本身包含空格/特殊字符），等号两边也别加空格。

2. 加载环境变量（以Node.js项目为例） #

Node.js本身不会自动识别.env文件，需要安装dotenv包来加载：

npm install dotenv --save-dev

然后在项目入口文件（比如index.js、app.js）的最顶部添加代码：

require('dotenv').config()

3. 在代码中使用变量 #

配置完成后，直接通过process.env访问.env里的内容：

const apiKey = process.env.API_KEY
const serverPort = process.env.PORT || 3000 // 用默认值兜底

前端框架的特殊情况 #

如果是React、Vue这类前端项目，框架自带环境变量支持：

• React：变量名必须以REACT_APP_开头，直接用process.env.REACT_APP_XXX访问
• Vue：变量名必须以VUE_APP_开头，直接用process.env.VUE_APP_XXX访问
  这类场景不需要额外安装dotenv，框架会自动处理。

部署时的注意事项 #

部署到线上平台（比如Vercel、Netlify）时，不需要上传.env文件，直接在平台的「环境变量」设置面板里手动添加对应的键值对即可，平台会自动注入到项目中。

内容的提问来源于stack exchange，提问作者Aman Verma