javascript - Vue JS如何在整个项目中从url隐藏查询字符串

如果我的路线对象是这样，

const my_routes = [
  {
          path: "/dashboard",
          component: dashboard
        },
        {
          path: "/banners",
          component: banners
        },
        {
          path: "/paper-types",
          component: paper_types
        },
        {
          path: "/knowledge-areas",
          component: knowledge_areas
        },
]

它将始终像这样显示在浏览器网址中

www.someurl.com/dashboard
www.someurl.com/banners
www.someurl.com/paper-types
www.someurl.com/knowledge-areas

我一直想一直只显示网址（www.someurl.com）。

这可以在vue js中实现吗？

最佳答案

您可以通过简单地配置mode option of Vue Router来使用它：

new VueRouter({
  routes: my_routes,
  mode: 'abstract'
});

注意：但是，您可能需要通过激活抽象模式来考虑可用性：当用户在整个Web应用程序中导航时，他们将不再能够深度链接到上一次处于的状态，因为该状态不再反映在哈希或URL路径。