axios响应拦截器弹窗Message及通知Notification的实现

登陆超时401时, 响应拦截跳转至登录页并给用户提示登陆失效的提示

我们可以require引入elementui , 找准方法名, 使用即可

var ui = require('element-ui') // 引入element-ui

const http = axios.create({
  timeout: 1000 * 120,
  withCredentials: true,
  headers: {
    'Content-Type': 'application/json; charset=utf-8'
  }
})

/**
 * 响应拦截
 */
http.interceptors.response.use(response => {
  if (response.data && response.data.code === 401) { // 401, token失效
    // 这样应用即可
    ui.Notification({
      title: '警告',
      message: '登陆超时, 请重新登陆 ! ',
      type: 'warning',
      duration: 2000
    })
    router.push({ name: 'login' })
  }
  return response
}, error => {
  return Promise.reject(error)
})

方法名在elementui 官网的单独引入处就有, 如下图