В моем начальном App.vue я отправляю действие, которое проверяет аутентификацию пользователя.Компонент выглядит следующим образом:
<template>
<v-app>
<spinner v-if="!user" :status="spinner.status" :color="spinner.color" :size="spinner.size" :depth="spinner.depth" :rotation="spinner.rotation" :speed="spinner.speed"></spinner>
<div v-if="style">
<app-header></app-header>
<v-content style="margin-left:24px;margin-right:24px;">
<!-- <v-container grid-list-md text-cs-center> -->
<router-view v-if="user"></router-view>
<!-- </v-container> -->
</v-content>
<app-footer></app-footer>
</div>
</v-app>
</template>
В этот компонент я добавляю компонент.Это будет отображаться, как только мы узнаем статус авторизации.
После определения статуса авторизации (входа / выхода) я отправляю другое действие, отвечающее за выборку стилей с сервера.Пользователь с правами администратора получает общий стиль, в то время как обычный пользователь получает стиль, основанный на динамическом значении в URL.
Например: yoursite.com/company_one будет получать стили с сервера, на котором находится компания company_one
Когда я пытаюсь получить доступ к маршрутизатору в моем файле store.js, яполучите следующий вывод в консоли:
console.log(router.history) => 
Теперь я хочу перейти к детализации агентства, поэтому я пытаюсь:
Если я console.log (router.history.current);Что дает мне следующий вывод в консоли: 
Внезапно все свойства пусты.Если я продолжу углубляться, чтобы добраться до агентства, консоль выдаст undefined
Может кто-нибудь объяснить, почему это происходит?