npm install axios
Axios의 post 메서드에는 일반적으로 데이터를 body에 포함시켜 보냅니다.
axios.post("http://localhost:4000/user/login",
{
userid,
password,
},
{ "Content-Type": "application/json", withCredentials: true },)
.then((res) => {
console.log(res);
console.log(res.data.data.accessToken);
localStorage.setItem("accessToken", res.data.data.accessToken);
console.log("성공");
if(res.data.data.accessToken) {
localStorage.setItem("accessToken", res.data.data.accessToken);
setIsLogin(true);
}
// 작업 완료 되면 페이지 이동(새로고침)
return window.location.replace("/");
})
.catch((error) => {
console.log(error);
alert("아이디와 비밀번호를 확인해 주세요.");
});
post
합니다.application/json
헤더와 함께 전송해줍니다.localStorage.getItem
로 나중에 조회하여 사용할 수 있습니다.이처럼 axios post를 로그인에서 사용해봤는데 Backend로부터 생성된 token을 local에 담아 로그인을 구현해볼 수 있었습니다.
다양한 요청을 사용하여 데이터를 통신한다면 다양한 정보를 Front에 가져올 수 있고, 수정된 데이터를 Back으로 보낼 수 있을 것입니다.