공모전

[공모전] AxiosError request failed with status code 500

Big Iron 2023. 7. 8. 00:12

전체 조회하는 Get방식과 조회할 수 있도록 등록하는 Post방식 두 가지를 구현하던 중 axioserror request failed with status code 500 오류가 나를 힘들게했던 오류이자 시간이 오래걸린 오류라고 생각한다. 먼저 securityconfig에서 http options, post 등의 설정을 해보았다.


그럼에도 프론트에서 넘어오는 값들이 모두 null이였고, 500이라는 에러 코드에 서버의 문제인가? 라는 생각으로 컨트롤러, 서비스, jwt, 필터, securityconfig 등 여러 클래스를 살펴보며 로그를 하나하나 찍어봤다.
image


프론트로부터 넘어오는 값중 헤더의 토큰 또한 null이었기에 filter에서도 걸릴 수 밖에 없었고 다른 로그는 나오지 않았다 image

이 상황이 너무나 어이없었다. 분명 get이나 다른 메서드의 경우 문제가 없는데 post에서만 문제가 발생하니 말이다. 그러다 문득 웹에서 요청 방식을 다르게하면 어떨까 라는 생각이 있었고 이것저것 찾아보며 프론트에게 정보를 찾아다가 넘겨주었다. 그 중 axios patch 에대한 내용이였고 프론트가 수정해 요청한 결과 문제는 해결될 수 있었다.


사실 아직도 이 에러가 서버의 문제인지 웹의 문제인지 정확히 인지하지 못했다. 하지만 컨트롤러, 서비스 config, jwt 등 모든 로직에 로그를 넣어보며 확인한 결과 웹에서 값이 넘어오지 않았기 때문에 웹에서 요청 방법을 수정했다