React : ✅ token 을가져와 url로 로그인 해보기

로그인 토큰을 가져와 axios로 url 로 하여 데이터를 응답 받는것은 처음이기에,, 너무나 해맸던 코드이다 ㅠㅠ..

그래도 같이 하시는 분의 도움을 받아 너무 고맙게도 코드를  실행해보았다. 

---

1 . 버튼을 클릭했을때 로그인을 할 수 있도록 하는  기능 구현의 목표 였다.

 

2. 토큰 받는것까진 생략 하겠다,, 토큰을 받고 넘기는 과정에서 에러가  났기때문이다.

• axios를 사용하였고 백엔드에서 url을 넘겨 주었다. 
• headers: 안에는 인증을 할 수 있는 authorization 의 키와 값인 토큰값이 넘어간다.
• withCredentials : true 로 작성한다.
• 콘솔로 확인을 해볼땐 response.data로 하면 나의 이메일과 내 이미지 url이 나오는걸 확인할 수 있다.
• 그럼 로그인이 되었다는 것이다. :) 

콘솔로 출력한 결과이다. 이렇게 나오면 로그인이 되었다는 건데.. 다음 목표는 토큰을 받아 넘기는 것까지 에러없이 해봐야겠다. :)