サブディレクトリ動かすNuxt.jsでもルートディレクトリの.envを読み込む

背景

Nuxt.jsをサブディレクトリで動かして、ルートディレクトリの.envを読もうとすると

WARN  No .env file found 

んなものないって警告でる。

対策

dotenvのpathを設定する。

nuxt.config.js

require("dotenv").config();

export default {
  srcDir: "hogehoge",

  // ~~略~~
  buildModules: ["@nuxtjs/dotenv"],
  dotenv: {
    path: process.cwd()
  },

Herokuとかでも環境変数を読みたい場合

envを設定する。

nuxt.config.js

require("dotenv").config();

export default {
  srcDir: "hogehoge",

  // ~~略~~
  env: {
    APP_ID: process.env.APP_ID,
    APP_KEY: process.env.APP_KEY,
  },

Herokuで環境変数を設定するのをお忘れなく。

参考

nuxt-community/dotenv-module
API: env プロパティ