当前位置:网站首页>Uncaught TypeError: Cannot red propertites of undefined(reading ‘beforeEach‘)解决方案
Uncaught TypeError: Cannot red propertites of undefined(reading ‘beforeEach‘)解决方案
2022-07-06 06:58:00 【王昭没有君啊】
注:这是我工作中搭建项目框架时遇到的一个小问题,分享一下解决方案
1、具体报错:页面一直是白屏,并报以下错误
2、原因分析:
在我仔细思考后,发现是我的 router.beforeEach写在了定义router之前
3、解决方案
只需要将router.beforeEach写在定义router之后,这样就可以解决以上问题。
下面是就是怎样解决报错的代码,顺便附带一份登录权限功能的逻辑。
4、具体代码
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes
})
//引入cookie工具类
import { getToken } from '../utils/cookie'
//设置一份白名单 白名单里的路由不需要登录就能访问
var whiteArr = ['/login','/register','/adminLogin'];
// 登陆权限功能
router.beforeEach((to,from,next) => {
// 当前路由
var path = to.path;
// 获取到token
var token = getToken('token');
if (token) { // 有token说明已经登录
if (path == '/login') { // 如果是登录页
next('/'); // 进入到首页
}
// 如果不是在登录页,发送请求拿到用户基本信息,生成菜单,制作权限 待做!!!
} else { // 没有token说明没有登录
if (whiteArr.includes(path)) { // 当前路由在白名单里
next(); // 放行
} else { // 不在白名单上
next('/login'); // 去登录
}
}
next();
})
边栏推荐
- Erreur de type résolue avec succès: type de données « catégorie» non sous - jacente
- leetcode59. 螺旋矩阵 II(中等)
- 开源的网易云音乐API项目都是怎么实现的?
- Successfully solved typeerror: data type 'category' not understood
- Leetcode - 152 product maximum subarray
- Chapter 7 - thread pool of shared model
- 成功解决AttributeError: Can only use .cat accessor with a ‘category‘ dtype
- 成功解决TypeError: data type ‘category‘ not understood
- 编译,连接 -- 笔记 -2
- AI on the cloud makes earth science research easier
猜你喜欢
WPF之MVVM
机器人类专业不同层次院校课程差异性简述-ROS1/ROS2-
攻防世界 MISC中reverseMe简述
Apache DolphinScheduler源码分析(超详细)
【软件测试进阶第1步】自动化测试基础知识
Missing monitoring: ZABBIX monitors the status of Eureka instance
Market segmentation of supermarket customers based on purchase behavior data (RFM model)
《从0到1:CTFer成长之路》书籍配套题目(周更)
Fedora/rehl installation semanage
Supporting title of the book from 0 to 1: ctfer's growth road (Zhou Geng)
随机推荐
ROS2安装及基础知识介绍
Interface automation test framework: pytest+allure+excel
指尖上的 NFT|在 G2 上评价 Ambire,有机会获得限量版收藏品
Misc of BUU (update from time to time)
Librosa audio processing tutorial
Prefix and array series
L'Ia dans les nuages rend la recherche géoscientifique plus facile
The registration password of day 239/300 is 8~14 alphanumeric and punctuation, and at least 2 checks are included
首发织梦百度推送插件全自动收录优化seo收录模块
Oracle数据库11gr2使用tde透明数据加密报错ora28353,如果运行关闭wallet会报错ora28365,运行打开wallet就报错ora28353无法打开wallet
Three methods of adding color to latex text
The ECU of 21 Audi q5l 45tfsi brushes is upgraded to master special adjustment, and the horsepower is safely and stably increased to 305 horsepower
ML之shap:基于adult人口普查收入二分类预测数据集(预测年收入是否超过50k)利用Shap值对XGBoost模型实现可解释性案例之详细攻略
【每日一题】729. 我的日程安排表 I
Proteus -- Serial Communication parity flag mode
When my colleague went to the bathroom, I helped my product sister easily complete the BI data product and got a milk tea reward
Entity Developer数据库应用程序的开发
UNIPRO Gantt chart "first experience": multi scene exploration behind attention to details
Redis Foundation
LeetCode 78:子集