5.Vue Router (SPA) 및 Hash Mode Vs History Mode 차이점

Vue Router 란?

vue-router 에서 router 라는것을 일반적인 화면이 전환될때 사용하며 명칭은 router 라고 합니다.

 

SPA 는 Single Page Aplication 한개의 페이지로 이루어진 어플리케이션을 말한다.

SPA 설명에제 그림판

그림판으로 설명드려 죄송합니다 제가 보기 쉽게 하기위해 그리면서 글을 작성했습니다.

index.html (메인페이지)를 한개페이지를 보여주기위한 예제입니다.

 

 

1-1.Hash Mode Vs History Mode 차이점

Hash mode

Hash mode는 모든 URL을 HASH(#) 형태로 서비스합니다. URL이 변경될 때 페이지가 다시 로드 되지 않는다.

export default new VueRouter({
  routes
})

 

History mode

페이지를 다시로드 하지않고 URl을 탐색할수 가 있다 . SPA의 단일 페이지 클라이언트앱이기 때문에 그렇다.

export default new VueRouter({
  routes,
  mode:'history'
})

https://router.vuejs.org/kr/guide/essentials/history-mode.html#%EC%84%9C%EB%B2%84-%EC%84%A4%EC%A0%95-%EC%98%88%EC%A0%9C

HTML5 히스토리 모드 | Vue Router

https://okky.kr/article/831473

OKKY | [VUE] SPA 웹 프론트앤드 개발을 위한 정리