如何在Puppeteer中从配置文件加载密码？（dotenv加载失败排查）

DevOps 小满

2026-7-25

解决Puppeteer中密码安全存储与加载问题

你当前的问题主要出在两个地方：.env文件格式错误，以及没有正确调用dotenv的加载方法。下面是完整的修正方案：

1. 修正.env文件格式

dotenv不采用JSON格式，而是使用简单的键=值结构。修改你的.env文件为：

PASSWORD=secret

2. 正确加载环境变量

在loadPassword.js中，你需要主动调用config()方法来读取.env文件，否则环境变量不会被注入到process.env中。修改后的代码如下：

import { config } from "dotenv";

// 调用config()加载.env中的环境变量
config();

console.log('获取密码中');
const pass = process.env.PASSWORD;
console.log('密码已加载到变量"pass"中');
console.log('密码是:', pass);
const foo = process.env['PASSWORD'];
console.log(foo);

3. 忽略.env文件避免提交到仓库

在项目根目录的.gitignore文件中添加一行，确保.env不会被Git追踪：

.env

如果没有.gitignore文件，直接新建一个即可。

4. 在Puppeteer测试中使用密码

在你的Puppeteer测试脚本中，同样先加载环境变量，再使用密码：

import puppeteer from 'puppeteer';
import { config } from "dotenv";

config();

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('你的登录页面URL');
  
  // 输入密码
  await page.type('#password-input', process.env.PASSWORD);
  
  // 执行登录等后续操作...
  
  await browser.close();
})();