Nuxt.jsでdotenv

https://github.com/nuxt-community/dotenv-module

install

$ yarn add @nuxtjs/dotenv

nuxt.config.js

{
  modules: [
    '@nuxtjs/dotenv',
 ]
}

プロジェクトルートにenvfileを作成

API_URL=https://example.com:1337

これでcontext.envかprocess.envに追加される。

クライアントでも使用できるように、https://ja.nuxtjs.org/api/configuration-env/を参考に以下を設定

nuxt.config.js

  env: {
    baseUrl: process.env.BASE_URL || 'http://localhost:3000',
    apiUrl: process.env.API_URL || 'http://localhost:1337'
  }