[Next.js] 응답 완료 시 다른 페이지로 이동하기

Next에서 너무나 자연스럽게 useNavigate를 쓰려고 했다 될리가 없다!

 

Next에서 다른 페이지로 navigate 시키는 방법에는 Link와 Router가 있는데, 버튼 누르면 이동하는 Link식이 아니라 axios 요청이 완료되면 자동으로 이동시키게 하려고 Router를 이용했다.

 

useNavigate와 같이 임포트 후 선언해서 사용하면 됨

 

 

// import
import { useRouter } from "next/router";

// 선언
const router = useRouter();

axios
.post(`${baseURL}/api/auth/login`, data)
.then((res) => {
  const statusCode: number = res.data.statusCode;
  if (res.data.statusCode === 200) {
    router.push("/");
  } 
})

Functions: useRouter | Next.js