Axios에서 url 요청보낼 때 주의할 점

사용자 미리보기 이미지를 띄울때 백앤드에게서 미리보기 url을 받아서 보여주는 로직이 있다.

 

사용자가 미리보기 상태에서 이미지를 삭제하면 서버에 삭제 요청을 하게 되는데 
이때 404가 났다. 

 

내가 확인 한 부분 

1. 관리자창 요청url 확인
2. 요청 url 값 스웨거에서 테스트 해보기
3. url 요청 시 받은 값과 삭제 요청 시 url 확인

 

 

위 내용을 전부 확인했을 때 삭제 요청 url은 문제가 없었다.

 

그런데 관리자 창 네트워크에서 페이로드를 살펴봤을때 쿼리스트링으로 보냈던 url이 조금 이상했다. 

그래서 axios 에서 받은 url을 추가로 확인해 보았다. 

 

이상한 url을 받고 있었다.

 

이는 인코딩이 되지 않아 발생되는 문제였다. 

 

 

위 처럼 encodeURIComponent(url) 을 이용하였더니 문제없이 성공 값을 리턴받았다... 

구욷