dotenv 설치

프로젝트 바로 아래에서 npm install --save @nuxtjs/dotenv 실행

터미널

$ npm install --save @nuxtjs/dotenv

package.json에서 확인

package.json

  "dependencies": {
    "@nuxtjs/dotenv": "^1.4.1",    <-
    "core-js": "^3.6.5",
    "nuxt": "^2.14.6"
  }

프로젝트 바로 아래에 .env 파일 만들기

터미널

$ touch .env

.env 파일에 적절한 값을 정의합니다.

.env

TEST = 'テスト'

nuxt.config.js 설정

nuxt.config.js

//...省略

  // Modules (https://go.nuxtjs.dev/config-modules)
  modules: [
    '@nuxtjs/dotenv'
  ],

//...省略

console.log에서 확인

제대로 설정되어 있는지 확인합니다.pages/index.vue 에 console.log 를 설치.

pages/index.vue

<script>
export default {
  created() {
    console.log(process.env.TEST)
  }
}
</script>

OK입니다!

.gitignore 파일 확인

마지막으로 .gitnore 파일에 .env 의 설명이 있는지 확인합니다.nuxt-create-app를 사용하면 기본적으로 작성되지만,
없는 경우는 기술해 둡니다.



이제 git의 관리 대상에서 제외됩니다.