기존 비 단일 페이지 응용 프로그램에 Vue.js 추가

Question

사이트의 UI 기능을 처리하기 위해 Vue.js가 추가 된 CMS 백업 웹 사이트가 있습니다. 이 기능에는 페이지의 내용을 전환하는 탭이 있습니다. 페이지가로드 될 때 특정 탭을 활성으로 설정하는 방법이 필요하므로 탭을 연결 가능성이 깊은 것으로 만들어야합니다. URL을 사용하여 쉽게 얻을 수 있지만 Vue.js 라우터 만 사용할 수 있는지 알고 싶습니다. Vue.js에서 완전히 지원하지 않는 기존 사이트에 라우터를 추가하는 데 필요한 리소스를 찾을 수 없었습니다.

추가 서버 구성없이 vue-router를 추가 할 수 있습니까?

Answer 1

해시 모드에서 Vue 라우터를 사용하여 기록 할 수 있습니다. 귀하의 URL은 www.example.com/post/1#tab1 및 www.example.com/post/1#tab2과 같은 형식이됩니다.

SEO가 중요 할 경우주의해야 할 점은 Google에서 페이지를 더 쉽게 크롤링 할 수 있도록 서버에서 라우팅을 수행해야한다는 것입니다.