如何在 vue 中添加带有路由的新文件？答案

【问题标题】：How to add a new file with routes in vue?如何在 vue 中添加带有路由的新文件？
【发布时间】：2021-05-12 10:38:04
【问题描述】：

我有一个主 router.js 文件，我想在其中使用另一个带有路由的文件 - routeManagement。

router.js：

import routesManagement from './routesManagement'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Dashboard',
    component: Dashboard
  },
  
  routesManagement,
]
export default router

routesManagement.js：

import Tools from '../../views/management/Tools.vue'

const routeManagement = [
    {
        path: '/tools',
        name: 'Tools',
        component: Tools
    },
]
export default routeManagement

当我这样做时，应用程序停止工作并且我收到一个错误：

Uncaught Error: [vue-router] "path" is required in a route configuration.

如何解决？我做错了什么？

【问题讨论】：

标签： javascript vue.js compiler-errors routes router

【解决方案1】：

解构routesManagement 数组：

const routes = [
  {
    path: '/',
    name: 'Dashboard',
    component: Dashboard
  },
  
  ...routesManagement,
]

【讨论】：

谢谢，它有效 :) 但是为什么 routesManagement 必须解构才能正常工作？
@Weronika routesManagement 的值，其自身是一个对象数组，顶层const routes 变量期望有一个明确的形状与vue-router一起工作，它是一个单亲带有描述路线形状的子对象的数组。通过解构您的 routesManagement 数组，我们坚持这一点。