总结
我在成长过程中也是一路摸爬滚打,没有任何人的指点,所以走的很艰难。例如在大三的时候,如果有个学长可以阶段性的指点一二,如果有已经工作的师兄可以告诉我工作上需要什么,我应该前面的三年可以缩短一半;后来去面试bat,失败了有5、6次,每次也不知道具体是什么原因,都是靠面试回忆去猜测可能是哪方面的问题,回来学习和完善,当你真正去招人的时候,你就会知道面试记录是多么重要,面试官可以从面试记录里看到你的成长,总是去面试,总是没有成长,就会被定义为缺乏潜力。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
});
};
//验证登录状态
router.beforeEach((to, from, next) => {
//如果是需要验证登录状态的页面
if(to.matched.some(record => record.meta.requireAuth)){
let token = localStorage.getItem(‘token’);
//如果已经登录,则正常进入
if(!!token){
cancelPending();
next();
}else{
next({‘name’: ‘login’, ‘query’: {‘redirect’: to.fullPath}});
};
}else if(to.name == ‘login’){ //如果是登录页,则验证如果当前是登录状态自动跳转至系统主页,否则正常进入登录页
let token = localStorage.getItem(‘token’);
//如果已经登录,则重定向至系统首页
if(!!token){
router.push({‘name’: ‘SystemWelcome’});
}else{
next();
};
}else{ //其他页面正常进入
next();
};
});
//axios 请求拦截器
axios.interceptors.request.use(config => {
let token = localStorage.getItem(‘token’);
if (!!token) { // 判断是否存在token,如果存在的话,则每个http header都加上token
config.headers.Authorization = token ${token}
;
};
cancelPending(config);
config.cancelToken = new cancelToken(© => {
pending.push({‘u’: config.url, ‘f’: c});
});
return config;
}, err => {
return Promise.reject(err);
});
//响应拦截器
axios.interceptors.response.use(response => {
cancelPending(response.config);
return response;
}, error => {
if (error.response) {
switch (error.response.status) {
case 401:
// 返回 401 清除token信息并跳转到登录页面
localStorage.removeItem(‘token’);
router.push({‘name’: ‘login’, ‘query’: {‘redirect’: router.currentRoute.fullPath}});
}
总结
我在成长过程中也是一路摸爬滚打,没有任何人的指点,所以走的很艰难。例如在大三的时候,如果有个学长可以阶段性的指点一二,如果有已经工作的师兄可以告诉我工作上需要什么,我应该前面的三年可以缩短一半;后来去面试bat,失败了有5、6次,每次也不知道具体是什么原因,都是靠面试回忆去猜测可能是哪方面的问题,回来学习和完善,当你真正去招人的时候,你就会知道面试记录是多么重要,面试官可以从面试记录里看到你的成长,总是去面试,总是没有成长,就会被定义为缺乏潜力。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**
[外链图片转存中…(img-aQZG9wjL-1715845606266)]
[外链图片转存中…(img-Bf1hF2FT-1715845606266)]