当前位置:网站首页>router.beforEach
router.beforEach
2022-08-11 11:51:00 【-加油】
未完伪代码
import Vue from 'vue'
import Router from 'vue-router'
import xxx from 'xxx.vue'
Vue.use(Router)
const routes = [
{
path:'/xxx',
name:'xxx',
component:xxx
},
]
const router = new Router({
mode: 'history',
routes
})
router.beforEach((to,from,next)=>{
//获取token的方法可以进行封装
const token = window.sessionStorage.getItem('token')
//没有登录 且 不是访问登录页
if(!token&&to.path!=='/login'){
//游客可访问的页面
if(hasAccessBeLogined(to.path)){
next()
}else{
next('/login')
}
}
//没有登录 去登录
else if(!token&&to.path==='/login'){
next()
}
//登陆了 去登录页
else if(token&&to.path==='/login'){
next()
}else{
//登录了 且没去登录页 需要进行权限鉴定
//还没实现
}
})
export default router
边栏推荐
- 如何用100元制作一块全志V853的AI 开发板
- Kubernetes应用发布思路分析
- 从零开始Blazor Server(10)--编辑角色
- error: ‘const char* libc_name_p(const char*, unsigned int)’ redeclared inline with ‘gnu_inline’ attr
- 锂电池充电芯片IC
- A043:做好芯片设计,这三种能力不可或缺
- 【黑马早报】抖音否认与头部主播签对赌协议;阿迪达斯CEO承认在中国犯了错;网易云社交App心遇被指涉黄;联通董事长称5G资费比点外卖还便宜
- 2021年全国大学生电子设计竞赛官方通知正式发布
- pip安装后仍有ImportError No module named XX问题解决
- 亏了3000亿,巴菲特:这也叫亏?
猜你喜欢
From Douyin to Volcano Engine——Seeing the Evolution and Opportunities of Streaming Media Technology
【五一特刊】FPGA零基础学习:IIC协议驱动设计
PlutoSDR学习指南【3】官方软件“IIO Oscilloscope”
【流式细胞仪软件】上海道宁为您带来FCS Express,让您轻松缩小流式细胞术和结果之间的差距
【医学统计学】二项分布
性能测试的环境以及测试数据构造
FS2956A 输入8-120V 用于液晶仪表5V-USB 充电口方案
开源H.264 Video Encoder IP Core V2.0 介绍
黑海港口外运农产品问题联合协调中心:正努力加速粮食外运
EastWave Application: Live Demonstration of Negative Refraction Phenomenon
随机推荐
概率期望及计数的一些性质应用
Flutter 教程之 Flutter 中的 HMS 定位工具包
分布式定时任务技术选型
seata相关图形,dljd,cat
Application practice of low-latency real-time audio and video in 5G remote control scenarios
锂电池充电芯片IC
CSDN文章抓取
老生常谈:面试必问“三次握手,四次挥手”这么讲,保证你忘不了
Flutter 教程之 在 Flutter 中生成 JSON 模型,在 Flutter GetX 中过滤列表和延迟搜索
[10 o'clock open class]: Optimization of AV1 encoder and its application in streaming media and real-time communication
重要消息丨.NET Core 3.1 将于今年12月13日结束支持
SQL Runtime SLX中的优化设计有哪些?
请求转发与重定向
《长津湖》和《三十而已》,不及王一博赚钱?
【LeetCode 周赛】第84场双周赛
pgr_createTopology
目标检测学习笔记——paddleDetection使用
如何用100元制作一块全志V853的AI 开发板
Shaanxi cas: 2055042-71-0N-(alkyne-tetraethylene glycol)-biotin price
OpenHarmony如何选择图片在Image组件上显示(eTS)