使用 Vite 在 Cypress 中設置環境變量

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

如果您想將url更改為應用程序查看賽普拉斯何時運行，您可以這樣做。

// vue3 app code

const envVar = window.Cypress ? 'CYPRESS_VITE_URL' : 'VITE_URL'
const url = import.meta.env[envVar];

Answer 3

好的，我解決了。 我通過在啟動 cypress 的 npm 命令中指定 --mode --mode testing創建了一個.env.testing文件。

此 env.testing 具有如下定義的屬性：

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