如何在Playwright的playwright.config.js中用.env变量配置httpCredentials？

已安装dotenv并配置路径为./env/.env.dev，想在playwright.config.js的httpCredentials中使用.env变量，当前配置代码如下：

dotenv.config({
  path:`./env/.env.dev`
})

httpCredentials: {
  username: `${process.env.USERNAME}`,
  password: `${process.env.PASSWORD}`
}

可以这么做，你的实现思路是对的，不过需要注意几个细节：

• 必须把dotenv的加载代码放在Playwright配置对象的前面，保证环境变量在配置读取前就已加载完成。
• 检查./env/.env.dev文件，确认里面确实存在USERNAME和PASSWORD变量，且格式正确（比如变量名没有拼写错误、没有多余的空格或引号）。
• 不需要用模板字符串${}包裹process.env.USERNAME和process.env.PASSWORD，直接引用即可，因为它们本身就是字符串类型。

优化后的完整配置示例：

// 优先加载环境变量
require('dotenv').config({
  path: `./env/.env.dev`
});

module.exports = {
  // 其他Playwright配置项...
  use: {
    // 其他use配置...
    httpCredentials: {
      username: process.env.USERNAME,
      password: process.env.PASSWORD
    }
  }
};

内容的提问来源于stack exchange，提问作者Rachana HT