개발하면서 가장 흔하게 접하는 에러중 하나로 401에러가 있었다. 그 에러에 대한 해결책과 어떨 때 에러가 뜨는지 등에 대해 정리하고자 한다.
Status code 401 Error (Unauthorized)
영문 그대로 클라이언트 오류 상태 응답코드로 유효한 인증 자격을 증명할 수 없기 때문에 요청에 대해 적용이 되지 않음을 알려준다.
개발을 하면서 F12번을 눌러서 관리자 모드에 많이 들어가게 되는데, 구현을 하면서 오류가 뜨면 자주 들여다 보면서 오류를 해결하게 되었다.
현재도 콘솔창을 열어보게 되면 이런식으로 어디 어느 부분에서 코드가 오류가 나는지 친절하게 알려준다. 콘솔창을 봐도 해결이 안 될 때가 많지만, 대부분 어떤 오류인지 유추가 가능하여서 콘솔창을 열고 에러를 찾는 습관을 가지는 게 좋다.
해결책 2가지
첫 번째 :
401 에러의 경우 fetch나 axios와 같이 요청을 호출하면 로컬에서는 오류가 난다.
오류를 막기 위해서는 npm start를 하고 게이틑웨이 주소로 접속을 해야한다.
두 번째 :
로그인 이후 일정 시간이 지나 token이 만료되었을 때도, 위와 같은 오류가 발생할 수 있다. 이때는 간단하게 창을 닫고 다시 창을 열어서 로그인을 해주면 된다.
Status code 403 Error (Forbidden)
서버가 해당 요청을 이해했지만, 권한이 없어 요청이 거부하였을 때 발생하는 에러이다. 한 마디로 사용자가 권한이 없는 요청을 할 때이다.
해결책으로는
URL이 올바른지 확인하는 것이 가장 먼저 되어야 할 순위다.
오타나 잘못된 URL의 접근으로 충분히 발생할 수 있는 오류다.
이후에 서버 설정을 확인하여 오류의 원인과 해결 방법을 찾는 것이 바람직한 방법이라 생각한다.
