首頁 > web前端 > js教程 > 如何在 Nuxt 2 和 3 中使用 .env 變數?

如何在 Nuxt 2 和 3 中使用 .env 變數?

Linda Hamilton
發布: 2024-11-13 08:28:02
原創
774 人瀏覽過

How to Use .env Variables in Nuxt 2 and 3?

在Nuxt 2 或3 中使用.env 變數

將外部配置合併到Nuxt 中時,有必要利用.env 文件,其中敏感資料可以在Nuxt 配置中儲存和稍後引用。這是實現此目標的綜合指南。

在 Nuxt 2.13 及更高版本中,內建了 .env 支援。要使用它,請按照以下步驟操作:

  • 在專案根目錄中建立一個 .env 檔案。
  • 定義變量,例如:

  • 在nuxt.config.js 中,將.env 值匯入RuntimeConfig 或privateRuntime>ConfigateRuntime>

在Nuxt 3 中,過程略有不同:

  • 在nuxt.config.js 中:

    在nuxt.config.js 中:
  • 在任何組件:
  • 在可組合項中:

在.文件中定義變數時,請記得避免使用空格和特殊字元。例如:

現在,您可以輕鬆地在 Nuxt 應用程式中的任何位置存取這些變數。如果遇到任何問題,請查閱官方 Nuxt 文件以獲取進一步指導。

以上是如何在 Nuxt 2 和 3 中使用 .env 變數?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板