Vue.js/Nuxt

nuxt.config.js에서 NODE_ENV 사용법

mean-ji 2022. 8. 23. 16:43
728x90

env란

환경변수처럼 key value 형태의 변수라고 할 수 있고, Node.js기반에서 사용할 수 있다고 한다

변수를 사용함으로써 조금 더 보안성이 있는 코드 작성이 가능하다고 한다

 

NODE_ENV

NODE_ENV를 배포 모드와 개발 모드 두 가지로 나누어 사용할 수 있다

production

파일 캐싱, 에러 메시지 감추기 등 배포에 적합환 환경 설정

development

파일 캐싱 방지, 디버깅을 위한 상세한 에러 메시지 보이기 등 개발에 도움을 줄 수 있는 환경으로 설정

 

nuxt.config.js에서 사용하는 방법

export default {
    env: {
    	baseUrl: process.env.NODE_ENV === 'production' ? 'https://app.co.kr' : 'http://localhost:3000'
    }
}

baseUrl을 사용하기 위해서는 아래와 같은 방식으로 사용하면 된다

process.env.baseUrl

 

📖 참고 자료

https://nuxtjs.org/docs/configuration-glossary/configuration-env/

 

The env property

Share environment variables between client and server.

nuxtjs.org

https://steemit.com/kr/@inspiredjw/node-js-nodeenv

 

Node.js 에서 NODE_ENV 값으로 배포/개발 환경설정하기 — Steemit

보통 Node.js 를 실행할 때 NODE_ENV 값을 이용해서 production ( 배포 ) 모드 development ( 개발 ) 모드 이렇게 두 가지로 나누어서 실행하게 되는데요. Node.js 프레임워크인 Express 의 경우 production 모드 일때

steemit.com

https://velog.io/@hyun_sang/.env%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%B4%EC%95%BC-%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0

 

.env를 사용해야 하는 이유 ❣️

.env를 왜 사용해야할까? 더 안전하게 API 키를 저장하는 방법은?

velog.io

 

728x90