Ant Design Pro of Vue 怎么把动态路由改成静态路由

如果你想将 Ant Design Pro of Vue 中的动态路由改为静态路由，可以按照以下步骤进行：

1. 打开 src/router/index.js 文件，找到需要改为静态路由的路由配置。

2. 将路由配置中的 path 属性改为静态路由路径。

例如，如果你需要将动态路由 /users/:id 改为静态路由 /users，可以将路由配置中的 path 属性改为 /users，如下所示：

{
  path: '/users',
  name: 'Users',
  component: () => import('@/views/Users'),
  meta: { title: '用户管理', icon: 'user' }
},

3. 如果你需要在静态路由中使用参数，可以将参数作为查询参数传递。

例如，如果你需要在静态路由 /users 中传递一个 id 参数，可以将路由配置中的 path 属性改为 /users/:id，然后在链接中使用查询参数传递 id 值，如下所示：

<router-link :to="{ path: '/users', query: { id: 123 } }">用户详情</router-link>

4. 修改组件中获取参数的方式。

如果你在组件中需要获取参数，可以使用 $route.query 对象获取查询参数。例如，如果你需要在组件中获取 id 参数，可以使用 $route.query.id，如下所示：

export default {
  created() {
    const id = this.$route.query.id;
    // ...
  }
}

这样，你就可以将 Ant Design Pro of Vue 中的动态路由改为静态路由了。