使用Vue-Router自定义路由前缀模式

Question

我正在尝试使用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
    }
  ]
})

但是，当然，这会生成如下所示的网址：

• /#/page1
• /#/page2

如何配置路由器以模仿/#!route模式？