error-handler.js

import Vue from 'vue'
export default function (error) {
    let status = 0
    if (error.toString() === 'Error: Network Error') {
      this.$toast.error('Error de Red, revise su conexión', {
        position: 'bottom-center',
        timeout: 3000,
        closeOnClick: true,
        pauseOnFocusLoss: false,
        pauseOnHover: true,
        draggable: true,
        draggablePercent: 0.6,
        showCloseButtonOnHover: false,
        hideProgressBar: true,
        closeButton: 'button',
        icon: true,
        rtl: false,
    })
  }
  if (error.response !== undefined) {
    switch (error.response.status) {
      case 500: {
        Vue.$toast.error('Error interno del servidor, inténtelo más tarde', {
          position: 'bottom-center',
          timeout: 3000,
          closeOnClick: true,
          pauseOnFocusLoss: false,
          pauseOnHover: true,
          draggable: true,
          draggablePercent: 0.6,
          showCloseButtonOnHover: false,
          hideProgressBar: true,
          closeButton: 'button',
          icon: true,
          rtl: false,
        })
        break
      }
      case 401: {
        Vue.$toast.error('No autorizado', {
          position: 'bottom-center',
          timeout: 3000,
          closeOnClick: true,
          pauseOnFocusLoss: false,
          pauseOnHover: true,
          draggable: true,
          draggablePercent: 0.6,
          showCloseButtonOnHover: false,
          hideProgressBar: true,
          closeButton: 'button',
          icon: true,
          rtl: false,
        })
        status = -1
        break
      }
      default: {
        Vue.$toast.error('No autorizado', {
          position: 'bottom-center',
          timeout: 3000,
          closeOnClick: true,
          pauseOnFocusLoss: false,
          pauseOnHover: true,
          draggable: true,
          draggablePercent: 0.6,
          showCloseButtonOnHover: false,
          hideProgressBar: true,
          closeButton: 'button',
          icon: true,
          rtl: false,
        })
        status = -1
        break
      }
    }
  }

    if (status === -1) {
        localStorage.setItem('tkn', null)
        localStorage.setItem('userData', null)
        localStorage.setItem('role', null)
        Vue.$router.push({ name: 'Login' })
    }
}