【Nuxt.js】 「dotenv」를 사용한 환경 변수의 설정 방법
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 파일에 적절한 값을 정의합니다.
.envTEST = 'テスト'
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의 관리 대상에서 제외됩니다.
Reference
이 문제에 관하여(【Nuxt.js】 「dotenv」를 사용한 환경 변수의 설정 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/higa02/items/046aafca1969cfa4d607
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
$ npm install --save @nuxtjs/dotenv
package.json
"dependencies": {
"@nuxtjs/dotenv": "^1.4.1", <-
"core-js": "^3.6.5",
"nuxt": "^2.14.6"
}
프로젝트 바로 아래에 .env 파일 만들기
터미널$ touch .env
.env 파일에 적절한 값을 정의합니다.
.envTEST = 'テスト'
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의 관리 대상에서 제외됩니다.
Reference
이 문제에 관하여(【Nuxt.js】 「dotenv」를 사용한 환경 변수의 설정 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/higa02/items/046aafca1969cfa4d607
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
$ touch .env
TEST = 'テスト'
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의 관리 대상에서 제외됩니다.
Reference
이 문제에 관하여(【Nuxt.js】 「dotenv」를 사용한 환경 변수의 설정 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/higa02/items/046aafca1969cfa4d607
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<script>
export default {
created() {
console.log(process.env.TEST)
}
}
</script>
마지막으로
.gitnore 파일에 .env 의 설명이 있는지 확인합니다.nuxt-create-app를 사용하면 기본적으로 작성되지만,없는 경우는 기술해 둡니다.
이제 git의 관리 대상에서 제외됩니다.
Reference
이 문제에 관하여(【Nuxt.js】 「dotenv」를 사용한 환경 변수의 설정 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/higa02/items/046aafca1969cfa4d607텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
