라우터 객체의 pathname과 asPath는 무엇이 다른가요?

Yoonezi·2023년 5월 29일
0

Next.js

목록 보기
1/4

라우터 객체의 pathname과 asPath는 일반적으로 웹 애플리케이션에서 라우팅된 URL과 관련된 속성 입니다.

pathnameURL의 경로 부분을 나타내며,
호스트 및 쿼리 매개변수를 제외한 경로 부분입니다.

예를 들어, https://example.com/about에서 pathname은 /about입니다.

pathname은 호스트 이름(https://example.com) 및 쿼리 매개변수(?key=value)를 제외한 실제 경로를 나타냅니다.

pathname은 일반적으로 라우팅된 페이지의 경로를 나타내는 데 사용됩니다.

asPath는 라우팅된 URL의 실제 경로를 나타내는 것과 달리,
라우터에 의해 사용되는 가상 경로를 나타냅니다.

가상 경로는 브라우저의 주소 표시 줄에 표시되는 URL입니다.
asPath는 라우팅 링크의 주소와 일치하며, 사용자가 볼 수 있는 URL입니다.

예를 들어, https://example.com/about라는 페이지를 방문했지만
실제 경로는 /about이 아니라 /info라고 가정해 봅시다.

이 경우, asPath는 /about이 됩니다.

asPath는 사용자에게 표시되는 URL이며, 브라우저 주소 표시 줄에 표시됩니다.

사용자가 페이지를 새로 고침하거나 URL을 직접 입력하면 asPath를 기준으로 페이지가 로드됩니다.

요약하면, pathname은 라우팅된 페이지의 실제 경로를 나타내는 반면, asPath는 가상 경로를 나타냅니다.

profile
차곡차곡

0개의 댓글