221221 TIL

오늘 기능을 마무리했다.

 

헤더에 토큰도 담아서 보내주고, 그 토큰을 백엔드에서 유효한지 검사하여 보내준 response값에 따라서

특정 기능의 작동유무를 결정한다.

이제야 api에서 응답코드 (ex)200, 400, 404)나 message를 보내주는 이유를 알게 되었다.

 

팀원분인 태근님께서 axios module에서 페이지를 이동하는 방법을 여쭤보셨다.

예전에는 history라는 패키지를 사용하여 해결했던 것 같은데 이제는 navigate를사용하기 때문에 history를 사용하지 않아서

res값에따라 window.location.href ='~~~' 를 진행하도록 하였다.

 

 post나 put 명령을 보내고, 메인페이지에서 get할 때 변경된 데이터가 들어오지 않는 문제도 있었다.

이는 dispatch명령을 비동기처리하기떄문에 바로 뒤에 이어지는 navigate('/')를 처리가 완료되기 전에 행했기 때문에

메인페이지에서 get요청을 보냈을 때 이전 데이터가 불러와지는 것이었다.

따라서 dispatch명령에 .then()을 사용하여 그 안에 nvaigate()명령을 사용했고, 메인페이지로 이동했을 때 변경된 데이터를 잘 불러오는 것을 볼 수 있었다.