vue.js - Vue Router，刷新显示空白页

Question

我试图弄清楚为什么 Vue.js 路由，在我刷新管理页面后重定向回主页组件，只显示一个空白页面，第二次刷新后再次显示主页组件。我仍然登录，因为我仍然可以直接使用 url 访问我的管理页面。这意味着 session 仍然处于事件状态。当我按 F5 时，有没有办法强制页面停留在管理主页上？我尝试了诸如历史模式等之类的东西，但无法弄清楚。

这是我在 root 中的 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

我有我的 admin-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

Answer 1

此问题返回服务器 不是 内置应用程序
你必须管理你的 404 not found root
Here you can find the solution
如果您使用 Netlify，您只需在项目的根目录中创建一个文件(与 package.json 相同的位置)名称 netlify.toml 包含

[[redirects]]
from = "/*"
to = "/index.html"
status = 200