本文作者：程序员飞云

本站地址：https://www.flycode.icu

使用场景，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");
        }
    }
});

引入到main.ts

import '@/router/permission'

贡献者

• flycodeu

版权所有

版权归属：flycodeu

许可证：署名 4.0 国际 (CC-BY-4.0)