历史模式路由器中的哈希，在 Vue 中打破动态 URL

Question

使用 Vue 2.6.14，Vue Router 设置为历史模式，URL 包含标签“#”会中断动态路径。

const router = new VueRouter({
  base: `${process.env.VUE_APP_PUBLIC_PATH}`,
  mode: 'history',
  routes: [
    {
      path: '/document/:documentId(.*)',
      name: 'Document',
      component: Document,
      props: true
    },
    {
      path: '*',
      name: 'NotFound',
      component: NotFound
    }
  ]
});

URL 以“/document/#1”结尾 returns 作为“documentId”属性的空字符串。

Answer 1

documentIdHashtagProof() { return this.documentId ? this.documentId : this.$route.hash; }

问题是动态属性“documentId”返回空字符串，我已经通过使用读取哈希的计算 属性 解决了这个问题。