📒 笔记文档

前置守卫

1. 在src文件夹新建permission.ts文件
2. 在main.ts中引入这个文件

import { ElMessage } from "element-plus";
import router from "@/router/routes";

router.beforeEach((to, from, next) => {
  if (to.name !== 'Login' && !localStorage.getItem('token')) {
    // next({ name: 'Login' })
    next({path: '/login'})
    ElMessage({
      message: '请先登录',
      type: 'warning',
    })
  }
  //防止重复登录
  if(to.name === 'Login' && localStorage.getItem('token')){
    ElMessage({
      message: '您已登录，无需重复登录',
      type: 'warning',
    })
    next({path: '/'})
  }
  next()
})

import './permission'