vue路由拦截器和请求拦截器知识点总结
5星 · 超过95%的资源 73 浏览量
2020-12-13
17:07:19
上传
评论
收藏 25KB PDF 举报 
vue路由拦截器和请求拦截器知识点总结路由拦截器和请求拦截器知识点总结
路由拦截器路由拦截器
已路由为导向
router.beforeEach((to,from,next)=>{
if(to.path=='/login' || localStorage.getItem('token')){
next();
}else{
alert('请重新登录');
next('/login');
}
})
请求拦截器请求拦截器
当发送请求时才会触发此功能
axios.interceptors.request.use(function (config) {
let token = window.localStorage.getItem("token");
if (token) {
config.headers.token = token; //将token放到请求头发送给服务器
}
return config; // 最终需要返回config
}, function (error) {
return Promise.reject(error);
});
知识点和代码非常简单，更多知识点可以在下方相关文章找到，感谢大家对软件开发网的支持。
- 1
- 2
前往页