Javascript 有没有办法将静态和动态路线设置到同一个位置？

我是Vue.js的新手，我正在用一些文章创建一个webapp。有没有办法设置路由的静态（domain.com/login）和动态（domain.com/：category）路径

export default new Router({
  mode: "history",
  routes: [
    {
      path: "/",
      component: Home
    },
    {
      path: "/:category",
      component: () => import("./views/CategoryView.vue")
    },
    {
      path: "/:category/:article",
      component: () => import("./views/ArticleView.vue")
    },
    {
      path: '/login',
      component: () => import(".views/Login.vue")
    }
  ]
});

---

我正在从数据库中获取类别列表，因此我无法对每个类别的路径进行硬编码，我希望它们紧跟在域的后面，而不会出现domain.com/category/：category这样的假路径。

订单问题；只需将/login路由移到路由数组的顶部即可。谢谢，它正在工作。