VueJS：如何访问路由文件中的参数值

Question

我在 routes.js 中有这条路线

{
 path: "/dashboard/:user_id?/:entity_id?/:server_id?",
 name: "Dashboard",
 component: () => import("./views/dashboard"),
 meta: {
   authRequired: true,
 },
},

如果用户没有登录，他将被重定向到登录页面，但在此之前我想检查参数是否已经设置（例如 user_id）并在进入登录页面之前存储它。如何在此路径内的 routes.js 文件中执行此操作？

Answer 1

假设您有一个名为 48487 05/05/19 52327 07/08/24 123 07/08/02 的警卫检查用户是否登录，您可以执行以下操作：

authenticationGuard

如果您不控制 export function authenticationGuard(to, from) { if (to.params.user_id) { // do whatever you would like with `user_id` here } } ，您可以在路由本身中插入 routeGuard：

authenticationGuard