vue.js 사용 시, API 경로 노출 문제

Question

vue.js로 build할 때, API의 모든 경로가 &#34;app.js&#34; 내에 포함되고 있습니다.구글 검색해보니 대부분 env 파일에 API Key를 넣어서 관리한다고하는데 환경변수로 넣어도 빌드하면 app.js에서 계속 노출이 되네요.암호화시키더라도 복호화 로직이 포함되어 있다보니.. 개발자도구에서 디버그 걸어서 복호화하는 함수에 값을 던져주면 또 노출되네요.API 리스트와 Key를 숨길 수 있는 방안이 없을까요?선배님들의 고견 부탁드립니다!

캐티 · Answer

분석을 어렵게 만들 뿐 완벽한 방법은 존재하지 않아요. 이러하여서 주로 컴퓨터를 잠궈놓쩌. 비싼 시설을 쓰는 것이 일반적으로 좋은 방법이어요.

더미 · Answer

프론트에 넣으면 불가능하죠.

Clickin · Answer

api 키를 숨기면 클라이언트 크롬에서 어떻게 사용할 수 있나요?

최혁진 · Answer

https://dealicious-inc.github.io/2021/12/21/hashicorp-vault.html외부 서비스 이용하는 방식도 있겠네요.

BGProgramming · Answer

제가 처음에는 글을 잘 이해못했었는데... API 경로라고 하셔서 클라이언트에서 호출하는 API uri 라고 생각했습니다.이 문제가 아니라... API 키라는 용어가 OAuth의 인증 토큰도 아닌것 같고...카카오같은 외부 시스템에서 API 키를 발급받고 해당 시스템을 사용하는데 API키를 제공해야하고 이걸 감추고 싶다는 뜻인가요?API 경로라는 용어의 의미, 외부 API Key라는 용어의 의미를 좀더 명확했으면 하네요.일단 API키가 외부 시스템에서 발급받고 이러한 유료 서비스를 사용하는데 사용되는 키라면 서버에서 하는 경우가 많기는 합니다.그게 아니라 클라이언트에서 해야 한다고 하면 이 키를 body에 넣고 키를 감추는 방식으로 하는거죠.그리고 app.js 에서 코드를 해석해서 볼수 있다라고 하면.. 코드의 uglify를 하시면 됩니다.

vue.js 사용 시, API 경로 노출 문제

5개의 답변

기술 목록