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

Posted 2020-11-30 wuxiaoshi

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