Vue-Router를 사용하여 경로 접두사 패턴 사용자 지정

Vue-Router를 사용하여 경로 접두사 패턴 사용자 지정

나는 Vue-Router를 사용하여 새 프로젝트의 URL을 패턴화하여 기존(비 Vue) 응용 프로그램의 URL과 똑같이 보이도록 하려고 한다.기존 응용 프로그램 URL의 모양:

• /#!page1
• /#!page2

현재 내 Vue 라우터는 다음과 같이 표시됨:

const router = new VueRouter({
  routes: [
    {
      path: '/',
      redirect: '/page1'
    },
    {
      path: '/page1',
      component: Assessments
    },
    {
      path: '/page2',
      component: Assessments
    }
  ]
})

그러나 물론 이렇게 생긴 URL은 다음과 같다.

• /#/page1
• /#/page2

라우터를 복제하도록 구성하는 방법/#!route패턴?

당신은 그것을 사용할 수 있다.base옵션:

밑의

• 유형: 문자열
• 기본값:"/"

앱의 기본 URL.예를 들어, 전체 단일 페이지 응용프로그램이 다음에서 제공되는 경우/app/, 그러면 base는 값을 사용해야 한다."/app/".

https://router.vuejs.org/en/api/options.html#base

네 케이스로 해봤어,그리고네 케이스에서도 작동해./#!.

참조URL: https://stackoverflow.com/questions/47542645/customize-the-route-prefix-pattern-using-vue-router