VUE的拦截器

vue 路由拦截器和请求拦截器

vue 拦截器 路由拦截器 已路由为导向 请求拦截器 当发送请求时才会触发此功能

• 路由拦截器 — 已路由为导向

• 在main.js里

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);
});