Итак, у меня есть простой файл маршрутизатора, который импортирует разные маршруты для разных частей моего сайта, поэтому:
general.js (один из моих файлов маршрутов)
import Home from '../../components/home/home'
const routes = [{
name: 'home',
path: '/',
component: Home
}]
export default routes
router.js
import Vue from 'vue'
import Router from 'vue-router'
import GeneralRoutes from './general'
Vue.use(Router)
const routes = Array.prototype.concat(
GeneralRoutes
)
const router = new Router({
mode: 'history',
routes
})
router.beforeEach((to, from, next) => {
if (to.meta.requiresAuth) {
next({replace: true, name: 'login'})
}
next()
})
export default router
Это мой роутер, теперь в моем app.js, я просто использую его так:
import Vue from 'vue'
import Router from './core/routes/router'
new Vue({
el: '#app',
data: () => ({
user: ''
}),
Router,
});
Но это выдает ошибку, говорящую следующее:
[Vue warn]: ошибка при рендеринге: «Ошибка типа: не удается прочитать свойство
'соответствует' из неопределенного "
Когда я console.log
маршрутизатор, я получаю следующее: