[Vue.js]axios get 403 forbidden error 해결
CORS에러를 해결하고 나니 뒤이어 403이라는 에러가 나왔다.
404, 405 이런건 봤어도 403?
인터넷에 검색을 열심히 해보니
URL이 잘못 된 경우에 일어나게 다반사 라고 한다.
그런데 난 분명 기술명세서에 나온 url을 그대로 복사하여 프록시 서버, 디코딩된 서비스키를 입력했는데,
모두 복사해온 텍스트들이라 오타가 났을 법하진 않다.
What Is a 403 Forbidden Error (and How Can I Fix It)?
A 403 Forbidden Error occurs when a web server forbids you from accessing the page you’re trying to open in your browser. Most of the time, there’s not much you can do. But sometimes, the problem might be on your end. Here are some things you can try.
www.howtogeek.com
이 블로그가 가장 명료하게 에러의 이유에 대하여 잘 설명해놓아서 정리해본다.(영어 주의!)
403 에러는 왜 나는걸까?
접속하려는 웹 브라우저에 접근 권한이 없을 때 일어난다.
2가지 이유 중 하나이다.
웹서버 오너가 너가 리소스로 접근하지 못 하게 잘 세팅 해놨거나, 그 사람이 뭔가 이상하게 세팅을 해놨다거나.
(당연히 내 잘못이겠지 헙)
확인 방법
1. 새로고침
2. 주소 더블 체크
3. 브라우저의 캐쉬와 쿠키 지우기
4. URL로의 접근권한이 있는지 확인하기
...
5번 뒤론 아닐 것 같으니 생략.
자 하나씩 해보자.
1. 새로고침 -> 몇 십번은 해봤다.
2. 주소 더블 체크 -> 기술명세서에서 복붙한 주소와 api키라서 틀릴게 없음
3. 브라우저의 캐쉬와 쿠키 지우기 -> 내 로그인 기록들..ㅠ
4, URL로의 접근권한이 있는지 확인하기
-> 403은 서버(cors-anywher)에서 막는거라 프록시 서버에 임시 접근을 허가시켰더니 응답으로 200을 준다. 야호.
힘들었다..
https://cors-anywhere.herokuapp.com/corsdemo
올... 서비스키가 등록이 안 되어있다니.. 그래도 200 떴다!
+)
현직개발자 형님께 물어봤더니 프록시 서버 URL을 추가하는건 좋은 방법은 아니라고 한다.
api키 신청을 해야 열어준다는 말을 했는데. 당연한거 아닌가? 싶었지만 곰곰이 생각해 보니.
결국 api 신청을 제대로 하지 못 해서 나온 문제였다.
개발계정만 신청하면 되는 줄 알았는데.. 운영계정도 신청해야 하는거였구나. 아우 골이야.
api이용방법을 제대로 읽고 넘어가지 않은 온전한 내 잘못이다.
운영계정 신청하려면 배포도 해야겠구만.. 할 일이 많다.