vueJS
Mode 설정을 통해 devtools 비활성화하기
Jundol
2023. 2. 14. 09:35
vuejs 프로젝트를 하다보면 라이브나 테스트환경에 배포하였을 때 개발자도구에있는 devtools를 접근 못하게 하고싶을 때가 있다.
요즘 vuejs에서는 환경별로 변수를 저장할 수 있도록 .env 파일을 활용하고있는데 .env파일을 환경별로 구분하여 아래와같이 사용하면 기존 vuejs에서 있던 production, development 가 적용되지 않을 수 있다.
VUE_APP_API_URL=https://stage.test.com
VUE_APP_CLIENTID=09538795-622f-4de0-9cb0-7c27a5a240a1이 때는 [NODE_ENV] 사용해 각 환경별 .env파일에 production or development를 지정하면 devtools 사용을 막을 수 있다.
VUE_APP_API_URL=https://stage.test.com
VUE_APP_CLIENTID=09538795-622f-4de0-9cb0-7c27a5a240a1
NODE_ENV=production