axios攔截器？

// 引入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