# 路由守卫

本文作者：程序员飞云

本站地址：https://www.flycode.icu (opens new window)

使用场景，vue里面判断用户是否携带了token

# 创建js脚本

import router from "@/router/index";
import store from "@/store";
router.beforeEach((to, from, next) => {
    // 白名单，放行
    const whiteList = ["/login"];
    // 获取token
    const token = store.getters.GET_TOKEN;
    // 存在token，放行
    if (token) {
        next();
    } else {
        // 路径存在白名单,放行
        if (whiteList.includes(to.path)) {
            next();
        } else {
            // 否则跳转主页
            next("/login");
        }
    }
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

# 引入到main.ts

import '@/router/permission'