Vue Router, обновление показывает пустую страницу - PullRequest
0 голосов
/ 24 октября 2019

Я пытаюсь выяснить, почему маршрутизация Vue.js после обновления моей страницы администратора перенаправляет обратно на домашний компонент, показывая только пустую страницу, и после второго обновления снова показывает домашний компонент. Я все еще вошел в систему, так как я все еще могу перейти непосредственно с URL на мою страницу администратора. Смысл сеанса все еще активен. Есть ли способ заставить страницу остаться на домашней странице администратора, когда я нажимаю F5? Я пробовал такие вещи, как режим истории и т. Д., Но не могу понять.

Это моя схема router.js в корне и мой файл основного маршрутизатора

import Vue from 'vue'
import Router from 'vue-router'
import firebase from "firebase/app";
import Home from './views/user/Home.vue'
import adminRoute from "./components/routes/admin-routes";

Vue.use(Router);

const router = new Router({
  routes: [
    {
      path: '*',
      redirect: '/',
    },
    {
      path: '/',
      name: 'home',
      component: Home,
      meta: {
        requiresAuth: false,
      }
    },
      ...adminRoute
  ],
});

router.beforeEach((to, from, next) => {
  if (to.matched.some(r => r.meta.requiresAuth === false)) {
    next()
  } else if (!firebase.auth().currentUser) {
    next(false)
  } else {
    next()
  }
});

export default router

, и у меня есть админ-routes.js

    import AdminHome from "../../views/admin/AdminHome";
    import Users from "../../views/admin/Users";

    const adminRoute = [
        {
            path: '/admin-home',
            name: 'AdminHome',
            component: AdminHome,
            meta: {
              requiresAuth: true
            },
        },
        {
            path: '/users',
            name: 'Users',
            component: Users,
            meta: {
                requiresAuth: true,
            }
        }
    ];

export default adminRoute;

Я хочу отметить, что моя главная страница находится в области views / user / Home.vue, а моя страница AdminHome - views / admin / AdminHome.vue

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...