vue路由拦截器和请求拦截器知识点总结
时间:2021-04-16 08:23:36|栏目: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-地区选择器(V-Distpicker)组件使用心得
栏 目:vue
本文标题:vue路由拦截器和请求拦截器知识点总结
本文地址:http://www.codeinn.net/misctech/102191.html