使用vite訪問vue3中的.env變量

Question

我正在嘗試從我的 vue3 頁面中的 .env 中提取一個密鑰。 我已經閱讀了https://vitejs.dev/guide/env-and-mode.html的說明，我可以使用以下方法獲取 VITE_PUSHER_SCHEME：

console.log(import.meta.env.VITE_PUSHER_SCHEME);

這對 VITE_STRIPE_KEY 不起作用，我認為這意味着 my.env 以某種方式被緩存，因此我的更改不會被反映出來。 我試過php artisan config:clear和php artisan cache:clear以確保它沒有被緩存，但我仍然對import.meta.env.VITE_STRIPE_KEY未定義。

我的.env 包括：

VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
VITE_PUSHER_HOST="${PUSHER_HOST}"
VITE_PUSHER_PORT="${PUSHER_PORT}"
VITE_PUSHER_SCHEME="${PUSHER_SCHEME}"
VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
VITE_STRIPE_KEY=stripe_key

我的 vue 文件有：

console.log(import.meta.env.VITE_STRIPE_KEY);
console.log(import.meta.env.VITE_PUSHER_SCHEME);

如何正確刷新 my.env 文件以便在 vue 中訪問它？

Answer 1

最后，退出 npm 並再次運行npm run watch解決了問題。