vue Nuxt 環境変数

本稿について

本稿はサイト運営者が学んだことなどを記したメモの内容です。
全てが正確な情報とは限りません。ご注意ください。また修正するべき点は適時修正していきます


$ npm install @nuxtjs/dotenv

.envの作成
$ atom .env

.env
SERVER_URL = "http://localhost:3000"

※ gitignoreに指定しておくこと

nuxt.config.js
require('dotenv').config()
const { SERVER_URL } = process.env

export default
  ...
  modules: [
    '@nuxtjs/dotenv'
  ],
  build: {
    env: {
      SERVER_URL
    }
  }
}

Back