在Cypress中使用Vite设置环境变量

Question

我正在将 VueJs 3 与 Vite 和 Cypress 结合使用。

在我的应用程序中，我有一个环境变量来定义我的 URL：

const url = import.meta.env.VITE_URL

我的目标是替换 Cypress 中的这个 VITE_URL 。我尝试创建一个 cypress.env.json 文件，在其中写入：

{
      "VITE_URL": "https://...",
}

但它不起作用。我也尝试过 CYPRESS_URL 或 CYPRESS_VITE_URL ，但我得到了相同的结果。有什么想法吗？

Answer 1

如果您已在 cypress.env.json 文件中声明了该值，则可以使用 `Cypress.env('varName'); 在代码中引用它

Cypress.env('VITE_URL');

Answer 2

好的，我解决了。我创建了一个 .env.testing 文件，通过在启动 cypress 的 npm 命令中指定 --mode test 来使用该文件。

此 env.testing 的属性定义如下：

'VITE_URL="http://..."'