## 非ランタイム(ビルド時など)の環境変数を使用する
[[App Configuration (Nuxt)|App Configuration]]を使う。
`nuxt.config.ts`
```ts
export default defineNuxtConfig({
appConfig: {
baseUrl: process.env.BASE_URL,
}
}
```
`process.env`の値は[[env (Nuxt)|.env]]を使うのがよい。
`.env.local`
```
BASE_URL=http://xxxxxx
```
実行時に`--dotenv`でenvファイルを指定する。
`package.json`
```json
"scripts": {
"generate": "nuxt generate --dotenv .env.local",
}
```
使い方。
```ts
const appConfig = useAppConfig();
console.log(appConfig.baseUrl);
```
## ランタイム(実行時)の環境変数を使用する
[[Runtime Config (Nuxt)|Runtime Config]]を使う。
`nuxt.config.ts`
```ts
export default defineNuxtConfig({
runtimeConfig: {
public: {
stage: process.env.STAGE,
},
}
}
```
`process.env`の値は[[env (Nuxt)|.env]]を使うのがよい。
`.env.local`
```
NUXT_PUBLIC_STAGE=true
```
実行時に`--dotenv`でenvファイルを指定する。
`package.json`
```json
"scripts": {
"dev": "nuxt dev --dotenv .env.local",
}
```
使い方。
```ts
const runtimeConfig = useRuntimeConfig();
console.log(runtimeConfig.public.stage);
```