路由默认也和路由守卫

import Vue from "vue";
import Router from "vue-router";

Vue.use(Router);
const router = new Router({
  // mode: "history",
  // base: process.env.BASE_URL,
  // routes,
  // 默认显示首页
  routes: [
    // 默认显示首页
    {
      path: "/",
      // 重定向页面默认加载
      redirect: "/login",
    },
    {
      path: "/login",
      component: () => import("../components/login.vue"),
    },
    {
      path: "/home",
      component: () => import("../components/home.vue"),
    },
  ],
});
//路由导航守卫
router.beforeEach((to, from, next) => {
  //to 将要访问的路径
  //from 代表从哪个路径跳转来的
  // next 是一个函数，表示放行
  //   next() 放行     next('/login')
  if (to.path === "/login") return next();
  //获取token
  const tokenStr = window.sessionStorage.getItem("token");
  //没有token，强制跳转登录页
  if (!tokenStr) return next("/login");
  next();
});
export default router;