zhgkpt-datav/app/src/router/index.js

import Vue from "vue";
import VueRouter from "vue-router";
import BasicLayout from "@/layouts/BasicLayout.vue";
import HomePage from "../views/Home/index.vue";
import DetailPage from "../views/Detail/index.vue";
import Basic from "../views/Basic/index.vue";
import Fire from "../views/Fire/index.vue";
import Risk from "../views/Risk/index.vue";
import PoliceSituation from "../views/PoliceSituation/index.vue";
import FireCondition from "../views/FireCondition/index.vue";
import Iot from "../views/Iot/index.vue";
import H5 from "../views/H5/index.vue";
import Test from "../views/Test/index.vue";
import Login from "../views/login/index.vue";
Vue.use(VueRouter);
const router = new VueRouter({
  mode: "history",
  base: import.meta.env.BASE_URL,
  routes: [
    {
      path: "/",
      name: "basic-layout",
      component: BasicLayout,
      redirect: "/login",
      children: [
        {
          path: "/home",
          name: "home-page",
          component: HomePage,
          meta: {
            id: 1,
          },
        },
        {
          path: "/detail",
          name: "detail-page",
          component: DetailPage,
          meta: {
            id: -1,
          },
        },
        {
          path: "/basic",
          name: "basic",
          component: Basic,
          meta: {
            id: 2,
          },
        },
        {
          path: "/fire",
          name: "fire",
          component: Fire,
          meta: {
            id: 3,
          },
        },
        {
          path: "/risk",
          name: "risk",
          component: Risk,
          meta: {
            id: 4,
          },
        },
        {
          path: "/police",
          name: "police",
          component: PoliceSituation,
          meta: {
            id: 5,
          },
        },
        {
          path: "/fire-condition",
          name: "fire-condition",
          component: FireCondition,
          meta: {
            id: 6,
          },
        },
        {
          path: "/iot",
          name: "iot",
          component: Iot,
          meta: {
            id: 7,
          },
        },
        {
          path: "/test",
          name: "test",
          component: Test,
          meta: {},
        },
      ],
    },
    {
      path: "/h5",
      name: "h5",
      component: H5,
    },
    {
      path: "/test/map",
      name: "map",
      component: () => import("@/views/Test/map.vue"),
    },
    { path: "/login", name: "login", component: Login }
  ],
});
router.beforeEach((to, from, next) => {
  const token = sessionStorage.getItem('token')
  if (token) {
    next()
  } else {
    if (to.path === '/login') {
      next()
    } else {
      next('/login')
    }
  }
})
export default router;