VueJS 首先导航到根路由

Question

我的 router.js 中的路由很少。出于某种原因，在导航到任何路线之前，vuejs 首先会转到'/' 路线，然后才转到实际路线。

此外，'/' 路由没有名称或任何元信息（即使在 router.js 中我有此页面的名称，name: home）。

fullPath: "/"
hash: ""
matched: []
meta: {}
name: null
params: {}
path: "/"
query: {}

这是第一条路线，然后 vuejs 导航到它应该导航的位置。

我怀疑原因与主 vue 组件的初始化有关，即：

function initApp() {
  new Vue({
    router,
    store,
    render: h => h(App)
  }).$mount('#app')
}

Answer 1

在 router.js 中添加到/ 的路由

这是一个例子：

const router = new Router({
    mode: 'history',
    routes: [{
        {
            path: '/',
            name: 'Home',
            component: Home
        }
    ]
});