在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://..."'