.env

환경변수 파일! 숨겨야할 정보?들을 바깥으로 빼내서 보이지않도록 하게 만듦!

고로 .gitignore 에 .env파일 추가해놓기!

# local env files

.env

.env.local

.env.*.local

 

dotenv 설치

npm install dotenv

 

.env 파일은 최상단에 만들고!

.env 내에 key=value 형식으로,

key에는 지금사용하고 있는(vue)  >>>    VUE_APP_이름 = key값    <<으로 설정

VUE_APP 필수!

# .env 

 

 

#  weatherSite API_KEY

VUE_APP_API_KEY = key값 

 

 

 

사용하고자 하는 파일에서 

변수 선언하고 초기화할때 process.env.(env에서 적은 변수값);

process.env. 

잊지말기!

 

 

그리고

콘솔에다가 확인차 찍어보ㅏ야지

 

# Weather.vue

 

const API_key = process.env.VUE_APP_API_KEY ;

console.log(':::::::::::::::::::::',API_key)

 

 

맨처음엔 

VUE_APP_이름 = "key값" ;

" " 로 싸야하는 줄 알았는데, 그렇게하니까 콘솔에는 찍히는데 데이터를 불러오질 못했음.

 

VUE_APP_이름 >> 타입자체가 String 이여서 이중으로 싸여져서 안나왔던 것임!!!!!

 

명심하기! key값은 그냥 오로지 key값만!

 

잘나온다! 굳!