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