vue中怎么实现一个路由拦截器和请求拦截器
本篇文章给大家分享的是有关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); });
以上就是vue中怎么实现一个路由拦截器和请求拦截器,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。