vue 와 .env
347
작성한 질문수 21
vue로 프론트 엔드 개발을 하고 배포를 하려고 하는데 막히는 점에 있어서 질문을 드립니다..ㅠㅠ
백엔드는 없고 api 사이트에서 회원가입을 하여 데이터를 받아옵니다. 무료지만 많은 접속을하게되면 요금이 청구되는데..
여기서 궁금한 점이 있습니다.
1. api-key를 vue에서 숨길 방법은 없나요? dotenv 설치 후 .env를 이용하여 봤는데 F12 개발자도구 탭에서
Requests Headers 를 보면 api 키가 적나라하게 나오더라고요.. 만약 숨길 방법이 없다면 해커들이 제 api key 를 보고
악용을하여 어마어마한 요금이 청구되는 사태는 막을수 없나요?
Nuxt를 이용하여 ssr:false , target:'static' 으로 vue 개발을 했고 netlify 에서 배포 예정입니다.
@nuxtjs/dotenv 모듈을 이용하였습니다.
답변 1
0
안녕하세요 용수님, 좋은 질문 주셨네요 :) 말씀하신대로 API 키는 환경 변수 파일에 관리하는 것이 좋습니다. 다만 네트워크 요청을 중간에 해커가 가로채는 부분에 대해서는 클라이언트 레벨에서 할 수 있는 건 딱히 없을 것 같아요. 해당 API 키를 가로채서 해커가 남용하지 못하게 하는 부분은 해당 API를 제공하는 서버 레벨에서 인증을 추가로 해줘야 할 것 같습니다 :)
composition API에서의 ref
1
236
2
Vue3 + Typescript + Vite + Pinia 참조
3
1839
2
mutation 함수 이름을 enum으로 관리하는 이유
1
341
2
this.todoItem 타입이 any 라고 나옵니다
1
378
1
프로젝트 실행 시 오류가 발생합니다.
1
577
2
두번째 프로젝트 권한 요청 드립니다.
1
367
2
강의자료 ? 노트?
1
351
2
vuex 사용시 mapper 보다는 그냥 쓰는 것이 낫다고 하셨는데요..
1
283
2
권한 허가 부탁드립니다!
1
407
2
Chart.js(3.9.1버전) 안되시는분들 이렇게 해보세요
1
866
2
두번째 프로젝트 권한 요청 드립니다.
1
373
2
두번째 프로젝트 권한 요청드립니다.
1
448
3
두번째 프로젝트 권한 요청 합니다.
1
337
1
두번째 프로젝트 npm i && npm run serve에러 납니다..
1
490
2
두번째 프로젝트 권한 요청 드립니다
1
464
1
두번째 프로젝트 권한 요청 드립니다
1
413
2
두번쨰 프로젝트 권한요청
1
403
3
두번째 프로젝트 권한 요청
1
358
2
두번째 프로젝트 권한부탁드립니다.
1
331
1
권한요청 드립니다.
1
332
1
두번째 프로젝트 권한 요청 드립니다.
1
342
1
project.d.ts 파일관련 문의사항
2
404
2
권한요청입니다.
1
367
2
두번째 프로젝트 권한요청
1
199
2