next.js - .env 環境參數

Next.js, react.v17, .env, 環境參數。

主要參考文章

重點紀錄

next.js環境參數有幾種, .env在 Next.js versions 9.4 以後才支援。另一種next.config.js的方法是舊的,可能仍有用作但不建議使用。

Environment variables are looked up in the following places, in order, stopping once the variable is found.

.env檔有幾種型態,載入順序如下:

  1. process.env

  2. .env.$(NODE_ENV).local

  3. .env.local (Not checked when NODE_ENV is test.)

  4. .env.$(NODE_ENV)

  5. .env

For example, if NODE_ENV is development and you define a variable in both .env.development.local and .env, the value in .env.development.local will be used.

.env內建環境參數

.env設定內容原則性不公開

不能在browser直接查看環境參數內容,若要則環境參數名稱開頭必需是NEXT_PUBLIC_,如:NEXT_PUBLIC_APP_NAME, NEXT_PUBLIC_APP_VERSION

.env讀取指令與特性

關於.env部署正式環境

.env檔在bundle後就找不到明文.env檔可以設定了,也就是在部署正式環境前就要設定好。

.env檔在專案的位置

程式碼紀錄

設定.env環境參數

讀取.env環境參數

EOF

Last updated