axios 요청 시 주의 사항

axios 요청

axios 요청을 할 때는 기본적으로 백엔드 개발자가 api 주소와 body 등을 고려해야 한다. 그리고 withCredentials를 true로 해서 쿠키를 허용해주는 것도 중요하다.

 

가장 많이 하는 실수

1. 조건에 맞는지 체크

내가 가장 많이 하는 실수로는 요청만 보내고 그 전에 기준은 설정하지 않는다는 점이다. 예를 들면 어떤 것을 입력하고 그것을 보내는데 그 값이 빈 배열이 인지 확인을 해야한다.

      e.preventDefault();
      if (!newWorkspace || !newWorkspace.trim()) return;
      if (!newUrl || !newUrl.trim()) return;

혹은 form 태그로 작성했을 경우 preventDefault도 해야한다.

 

2. 전송을 하고 값을 초기화

        .then(() => {
          mutate(false, false);
          setShowCreateWorkspaceModal(false);
          setNewWorkspace('');
          setNewWorkspace('');
        })

이렇게 값을 초기화해야 다음 요청 때 이전 요청이 영향을 끼치지 않는다.