axios攔截器？

標籤：else   out   local   ESS   require   load   next   登入   component   

// 引入axios以及element ui中的loading和message組件 import axios from ‘axios‘ import { Loading, Message } from ‘element-ui‘ // 逾時時間 axios.defaults.timeout = 5000 // http請求攔截器 var loadinginstace axios.interceptors.request.use(config => {   // element ui Loading方法   loadinginstace = Loading.service({ fullscreen: true })   return config }, error => {   loadinginstace.close()   Message.error({   message: ‘載入逾時‘   })   return Promise.reject(error) }) // http響應攔截器 axios.interceptors.response.use(data => { // 響應成功關閉loading   loadinginstace.close()   return data }, error => {   loadinginstace.close()   Message.error({   message: ‘載入失敗‘   })   return Promise.reject(error) })  export default axios 設定登陸攔截 import Vue from ‘vue‘ import Router from ‘vue-router‘  Vue.use(Router)  const router = new Router({   routes: [   {    path: ‘/‘ ,    /*    * 按需載入    */    component: (resolve) => {    require([ ‘../components/Home‘ ], resolve)    }   }, {    path: ‘/record‘ ,    name: ‘record‘ ,    component: (resolve) => {    require([ ‘../components/Record‘ ], resolve)    }   }, {    path: ‘/Register‘ ,    name: ‘Register‘ ,    component: (resolve) => {    require([ ‘../components/Register‘ ], resolve)    }   }, {    path: ‘/Luck‘ ,    name: ‘Luck‘ ,    // 需要登入才能進入的頁面可以增加一個meta屬性    meta: {    requireAuth: true    },    component: (resolve) => {    require([ ‘../components/luck28/Luck‘ ], resolve)    }   }   ] }) // 判斷是否需要登入許可權 以及是否登入 router.beforeEach((to, from, next) => {   if (to.matched.some(res => res.meta.requireAuth)) { // 判斷是否需要登入許可權   if (localStorage.getItem( ‘username‘ )) { // 判斷是否登入    next()   } else { // 沒登入則跳轉到登入介面    next({    path: ‘/Register‘ ,    query: {redirect: to.fullPath}    })   }   } else {   next()   } })  export default router

axios攔截器？