Menetapkan pembolehubah persekitaran menggunakan Vite dalam Cypress

Question

Saya menggunakan VueJs 3 dengan Vite dan Cypress.

Dalam aplikasi saya, saya mempunyai pembolehubah persekitaran yang mentakrifkan URL saya:

const url = import.meta.env.VITE_URL

Matlamat saya adalah untuk menggantikan fail VITE_URL 。我尝试创建一个 cypress.env.json ini dalam Cypress, tempat saya menulis:

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

Tetapi ia tidak berkesan. Saya juga mencuba CYPRESS_URL 或 CYPRESS_VITE_URL tetapi saya mendapat hasil yang sama. Ada idea?

Answer 1

Jika anda telah mengisytiharkan nilai dalam fail cypress.env.json, anda boleh merujuknya dalam kod anda menggunakan `Cypress.env('varName');

Cypress.env('VITE_URL');

Answer 2

Baiklah, saya telah menyelesaikannya. Saya mencipta .env.testing 文件，通过在启动 cypress 的 npm 命令中指定 --mode test untuk menggunakan fail ini.

Sifat-sifat env.testing ini ditakrifkan seperti berikut:

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