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

Question

我有一个主 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.

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

Answer 1

解构 routesManagement 数组：

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

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

How to add a new file with routes in vue?

javascript

router

routes

compiler-errors

vue.js