[Vue.js] 환경 변수 설정하기 (vue.config.js)

전역으로 쓸 수 있는 환경변수를 만들어보자.

 

[ .env ]

 

VUE_APP_API_VAR = https://www.naver.com
VUE_APP_FILEDOWNLOAD_VAR = https://www.daum.net

 

 

.env 파일명으로 VUE_APP 문구를 앞단어로 꼭 넣어서 만들어야한다.

 VUE_APP_변수명 = 입력값

 

그리고, 설정한 모든 환경변수를 vue 파일에서 한번 찍어보자.

 

export default {
 
    data() {
        return {
            middelLists: [],
            bottomLists: [],
            notices: []
        }
    },
    created() {
    },
    mounted() {
        console.log(process.env)
    }
}

process.env 부분이다.

 

사용시에는 process.env.VUE_APP_API_VAR   형태로 사용하면 된다.

 

 

참고 : https://ko.linux-console.net/?p=4951