Vue에서 환경변수 추가하기

별 거 없다.

React에서 환경변수를 추가하듯 .env 파일에 prefix로 VUE_APP을 써야 하고 _변수명을 더해주면 된다.
React의 경우에는 REACT_APP을 쓰면 된다.
이후에 리액트 프로젝트를 할 때에도 참고해야지!

ps.
나 같은 경우에는 카카오 링크 공유를 하려고 환경변수 설정할 필요가 있었는데,
잘 사용하지 않으시는 것 같다. 아니면 내가 못 찾은 건가?
그리고 Vue보다는 React를 사용한 예제가 많아서 간단한 건데 좀 헤맸다.

짧게 방법을 이야기하자면

index.html에서

<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>

를 추가해주고,

본문에서는

window.Kakao.init(process.env.VUE_APP_변수명)
window.Kakao.Link.sendDefault(내용)

를 추가해주면 된다.

ps가 더 긴 이야기 끝!