Handler for http status code

Use in vue.js with element-plus ui components

function httpErrorStatusHandle(error: any) { if (axios.isCancel(error)) return console.error(i18n.global.t(‘axios.Automatic cancellation due to duplicate request:’) + error.message) let message = ” if (error && error.response) { switch (error.response.status) { case 302: message = i18n.global.t(‘axios.Interface redirected!’) break case 400: message = i18n.global.t(‘axios.Incorrect parameter!’) break case 401: message = i18n.global.t(‘axios.You do not have permission to operate!’) break case 403: message = i18n.global.t(‘axios.You do not have permission to operate!’) break case 404: message = i18n.global.t(‘axios.Error requesting address:’) + error.response.config.url break case 408: message = i18n.global.t(‘axios.Request timed out!’) break case 409: message = i18n.global.t(‘axios.The same data already exists in the system!’) break case 500: message = i18n.global.t(‘axios.Server internal error!’) break case 501: message = i18n.global.t(‘axios.Service not implemented!’) break case 502: message = i18n.global.t(‘axios.Gateway error!’) break case 503: message = i18n.global.t(‘axios.Service unavailable!’) break case 504: message = i18n.global.t(‘axios.The service is temporarily unavailable Please try again later!’) break case 505: message = i18n.global.t(‘axios.HTTP version is not supported!’) break default: message = i18n.global.t(‘axios.Abnormal problem, please contact the website administrator!’) break } } if (error.message.includes(‘timeout’)) message = i18n.global.t(‘axios.Network request timeout!’) if (error.message.includes(‘Network’)) message = window.navigator.onLine ? i18n.global.t(‘axios.Server exception!‘) : i18n.global.t(‘axios.You are disconnected!’)

ElNotification({
    type: 'error',
    message,
    zIndex: 9999,
})

}