vue路由器会出现错误的视图答案

【问题标题】：vue router going to wrong viewvue路由器会出现错误的视图
【发布时间】：2018-10-16 10:28:48
【问题描述】：

我已经使用 vue cli 设置了一个 vue 路由器，并创建了一些组件和视图等，包括一个带有可以放入 ID 的模块视图，但它一直在加载仪表板视图而不是模块视图。

不知道为什么或如何继续覆盖，因为当我删除仪表板路由时它工作正常。

这是我的路由器代码，我试过移动东西，但没有成功。

export default new Router({
    mode: 'history',
    base: process.env.BASE_URL,
    routes: [
        {path: '/', name: 'home', component: Home},
        {path: '/about', name: 'about', component: About},
        {path: '/login', name: 'login', component: Login},
        {path: '/module/:id', name: 'module', component: Module},
        {path: '/dashboard', name: 'dashboard', component: Dashboard, children: [
           { path: '/', component: Main},
           { path: 'modules', component: Modules},
        ]},
   ],
});

额外信息

当我切换导入顺序时，首先导入仪表板，然后导入模块，然后它将问题切换到仅进入模块视图而不是仪表板。

【问题讨论】：

你试过把{ path: '/', component: Main},改成{ path: '', component: Main},吗？
是的，我已经尝试删除所有子路由，但没有任何效果，唯一不同的是切换导入顺序，这使模块路由工作但覆盖了仪表板路由，因此我无法查看仪表板。
您也在使用历史模式。您的服务器是否设置为处理该问题？暂时禁用历史模式有帮助吗？
另外，添加一个默认路由来帮助调试。 ` { 路径：'*'，组件：NotFoundComponent }`
我正在使用 Vue cli 本地主机服务器，尝试禁用历史模式但没有成功，并将默认路由添加为主组件。但它一直在加载仪表板组件，我不知道为什么

标签： vue.js vuejs2 vue-router

【解决方案1】：

不知道为什么会这样，但是在使用 Vue cli 从头开始重新创建项目后，我不再遇到路由问题。

【讨论】：