728x90

enV 2

환경변수를 설정하여 api key 숨기기.

https://yuniel.tistory.com/60 axios를 통한 오픈 API 연결하기 나이가 연차가 몇 년인데, 아직도 api 연결할 때 세팅을 까먹어서 url이 문구로 그냥 나오면 당황해버린다... 허허... 실무에만 신경쓰고 개인 포트폴리오를 잘 안 하다보니 할 때마다 매 번 새롭다 yuniel.tistory.com 상단 포스팅에서 axios를 연결하며, api key는 개인 발급을 받는 것이니 환경 변수를 통하여 관리하라고 언급했었다. 그러면서 관련 포스팅을 연결했는데, 해당 포스팅은 웹팩으로 설치한 경우라서 해당이 안 되시는 분들에게는 매우 불친절한 설명이라고 생각이 들었다. https://yuniel.tistory.com/34

webpack-server로 설치 후, 환경변수 설정하기

보통 vue cli를 이용하여 vue를 설치하면 package.json에 라는 설정이 있기 마련이다. 근데 어찌된 일인지 이번에 설치한 버전은 "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", 이렇게 적혀있는것이 아닌가. (여담으로 맥 진짜 못 쓸 것 같다 ㅠㅠㅠㅠ 캡쳐를 하고 싶은데.... 30분 째 저거 하나 겨우 캡쳐했다...) 아마 웹팩으로 설치된 것 같다. 아무튼 저렇게 설치되어 여태 하던 방식으로 환경변수 파일이 안 먹는것이다 ㅠㅠㅠ 결론은 config > dev.env.js / prod.env.js 에서 바꾸어주면 된다. 더불어 module.exports = merge(prodEnv, { NO..

728x90