본문 바로가기
2024-?학기 ???/pjt_ojm

[ojm] (Vue.js) 환경 변수 세팅하기

by 껐다 켜보셨어요? 2024. 6. 16.

파일 이름을 자꾸 까먹는데 .env.local이다. 

 

References : 

https://taemy-sw.tistory.com/12

 

Vue에서 환경 변수 사용하기

이번 포스팅에서는 환경변수 사용하는 법을 확인해본다. vue와 vuetify 버전은 다음과 같다. "vue": "^2.6.11", "vuetify": "^2.2.11" 여기서 언급되는 환경변수는 리눅스나 윈도우의 환경변수랑은 다른 Vue용

taemy-sw.tistory.com

https://velog.io/@vanillovin/VITE%EC%97%90%EC%84%9C-.env-%ED%99%98%EA%B2%BD%EB%B3%80%EC%88%98-%EC%82%AC%EC%9A%A9

 

Vite에서 .env 환경변수 사용 (&CRA)

최신 프론트엔드 빌드 도구인 Vite에서 어떻게 환경변수를 관리하는가?!

velog.io

 

알아야 할 필수 요건 세 가지

1. 파일 이름은 무조건 .env.local

2. 파일 위치는 무조건 root (package.json / package-rock.json과 같은 위치)

3. 항목 이름은 무조건 VITE~로 시작

 

API key같은 걸 여기에 저장해서 쓰면 된다.

 

이렇게 쓸 수 있는 것이다. 

참고로 이 파일은 git에는 올라가지 않는다. 로 백업하던가 해야 함

 

'2024-?학기 ??? > pjt_ojm' 카테고리의 다른 글

[ojm] 뷰 / 컴포넌트 구성하기  (0) 2024.06.20
[ojm] 빌드 개말썽 일지  (1) 2024.06.13
[ojm] 코드 GitLab에서 GitHub로 옮기기  (1) 2024.06.06
0524 LOG ARCHIVE  (0) 2024.05.24
240516 PJT_01  (0) 2024.05.16

댓글