.env ファイル

ビルド、開発、および生成

Nuxt CLIには、開発モードでのdotenvのサポートと、nuxi buildおよびnuxi generateを実行する際に組み込まれたdotenvのサポートがあります。

.nuxtディレクトリは開発時にVueアプリケーションを生成するために使用され、nuxi devを実行すると自動的に生成されます。このディレクトリ内のファイルを直接変更する必要はありません。

npx nuxi dev --dotenv .env.local

開発モードで.envファイルを更新すると、Nuxtインスタンスは自動的に再起動され、新しい値がprocess.envに適用されます。

プロダクション プレビュー

サーバーを構築した後、サーバーを実行するときに環境変数を設定する必要があります。この時点では .env ファイルは読み取られません。これを行う方法は環境ごとに異なります。

ローカル実稼働プレビューの目的には、nuxi プレビューを使用することをお勧めします。このコマンドを使用すると、利便性のために .env ファイルが process.env にロードされるためです。 このコマンドでは、依存関係をパッケージ ディレクトリにインストールする必要があることに注意してください。

または、ターミナルを使用して環境変数を引数として渡すこともできます。 たとえば、Linux または macOS の場合:

DATABASE_HOST=mydatabaseconnectionstring node .output/server/index.mjs

純粋に静的なサイトの場合、プロジェクトが事前レンダリングされた後にランタイム構成を設定することはできないことに注意してください。

ビルド時に設定された環境変数を使用したいが、後で更新する必要がない (またはアプリ内で事後的に更新する必要があるだけ) 場合は、appConfig の方が良い選択肢になる可能性があります。 appConfig は、nuxt.config 内 (環境変数を使用) と、プロジェクト内の ~/app.config.ts ファイル内の両方で定義できます。