리다이렉트(Redirect)

0. 리다이렉트(Redirect)란?

리다이렉트는 사용자가 어떤 URL로 접속했을 때 자동으로 다른 URL로 이동시키는 것을 말한다.

예를 들어, example.com에 접속했을 때 자동으로 example.com/home으로 이동하거나, 오래된 페이지 URL을 새 페이지 URL로 연결하는 경우에 사용한다.

사용자는 example.com에 접속했지만 실제로는 리다이렉트 되어 example.com/home으로 이동되어 화면에 보여지는 것이다.

1. Vue Router에서 리다이렉트를 사용하는 경우

{
  path: "",
  redirect: "/home"
}

이런 식으로 사용할 수 있다.
path 부분의 ""은 부모 경로의 자식 라우트 중 빈 문자열을 경로에 사용하여 부모 경로로 접속하면 자동으로 부모경로/home 페이지가 보이도록 한 것이다.

2. 왜 리다이렉트가 필요할까?

만약 리다이렉트가 없으면 /부모경로에 들어가도 아무 자식 컴포넌트가 렌더링이 되지 않을 수 있다. 그렇게 되면 사용자가 접속했을 때 아무런 화면도 보이지 않게 되는 것이다.

따라서 유저에게 원하는 화면을 보여주기 위해 리다이렉트를 사용하는 것이다.