reactjs - 如何设置由 Cypress 运行的浏览器中可用的 process.env 变量

Question

在我的应用程序的源代码(基于 create-react-app 的 React)中，我使用了如下的 env 变量:process.env.REACT_APP_API_URL存储在我的 .env.* 中文件。

但是当我在 Cypress 下运行相同的应用程序时，process.env对象为空。当 React 应用程序在 Cypress 下运行时，如何提供这些变量以在 React 应用程序中使用？

我知道我可以设置 Cypress env 变量，但这不是我想要的 - 这是一个不同的范围。

Answer 1

您可以使用 configuration API并在你的插件文件上做这样的事情。套装config.env = process.env这将为 Cypress 设置您的整个节点环境.

// cypress/plugins/index.js
module.exports = (on, config) => {

  // modify env value
  config.env = process.env

  // return config
  return config
}

您还可以使用 config.env.YOUR_VAR = process.env.YOUR_VAR 有选择地分配所需的值.