vue 根据接口返回的状态码判断(http拦截器)

import Axios from ‘axios‘
import { Loading, Message } from ‘element-ui‘

// 超时时间
Axios.defaults.timeout = 5000
// http请求拦截器
let loadinginstace
Axios.interceptors.request.use(config => {
   // element ui Loading方法
   loadinginstace = Loading.service({ fullscreen: true })

   return config
}, error => {
   loadinginstace.close();

  return Promise.reject(error)
})

// http响应拦截器
Axios.interceptors.response.use(data => {
   // 响应成功关闭loading
   loadinginstace.close();
  const code = data.data.code;
  if(code == 501) { //未登录
  }
  return data
}, error => {
   loadinginstace.close();
  const code = error.data.code;
  // 此处判断拦截需要处理的错误状态码并处理
  if(code == 502) {
  
  }
  return Promise.reject(error)
})

参考文档:https://www.cnblogs.com/duanzhenzhen/p/10663496.html

原文地址:https://www.cnblogs.com/XUYIYUAN/p/12260726.html

时间: 2024-10-16 13:16:02

vue 根据接口返回的状态码判断(http拦截器)的相关文章

vue 根据接口返回的状态码判断用户登录状态并跳转登录页

背景:后台接口返回code==501表示用户是未登录状态,需要登录才可访问: main.js中通过http拦截做路由跳转 import Vue from 'vue' import Axios from 'axios' Vue.prototype.$axios = Axios import { Loading, Message, MessageBox } from 'element-ui' // 超时时间 Axios.defaults.timeout = 5000 // http请求拦截器 var

robot framework——httplibrary.http接口自动化库 ——get response status关键字——获取http请求返回的状态码

get response status关键字——获取http请求返回的状态码. ======================================================= 示例:获取百度搜索soapui返回的http状态码 create  http  context www.baidu.com/ scheme=https get /s?wd=soapui&pn=10&oq=soapui&tn=50000021_hao_pg&ie=utf-8&rs

Python定时返回网址状态码&&网页内容是否为json数据

#!/usr/bin/env python#-*- coding:utf:8 -*- import requests,sys,os,time # 判断传值数知否匹配if len(sys.argv) == 3:passelse:    print 'Usage: %s <monitoring_name> <interval_time>'%(sys.argv[0])    sys.exit(2) url = 'url地址' # 覆盖存放检测值文件def successful_state

你眼中的404页面未必返回404状态码

很多站长在做网站诊断的过程中,往往会查看网站有没有做404页面,一般判断的方法很简单,就是在搜索引擎地址栏随便输入一个该域名错误链接,然后看有没有404页面.这样对吗?404页面存在的意义就是告诉浏览者和搜索引擎所请求的页面不存在或是链接错误,你这检查只能说明用户看到的是404页面,而对于搜索引擎呢?会对这个页面返回404状态码吗? 先来来看看下面二张图,你眼中的404页面未必返回404状态码. 你眼中的404页面未必返回404状态码

在服务器上处理请求时出现未知错误。服务器返回的状态码为500

操作方法: 为页面的ScriptManager控件添加EnablePartialRendering="false"的属性  此方法不是直接解决或规避问题的,是为了将详细的页面错误显示出来,以便找到需要修正 的地方,个人觉得这才是正道嘛,不能躲避错误,而应尽量不让错误发生. ---> 找出错误  -- > 修改. <asp:ScriptManager ID="ScriptManager" runat="server" Enable

MFC的EXE调用VBS,并获取VBS的返回值状态码

VBS代码: Dim ageage = 21WScript.Quit age MFC的EXE代码: //获取EXE同目录下的VBS文件 TCHAR szExeSelfPath[_MAX_PATH] = {0}; ::GetModuleFileName(NULL,szExeSelfPath,_MAX_PATH); CString strExeSelfPath = szExeSelfPath; strExeSelfPath = strExeSelfPath.Left(strExeSelfPath.R

MVC返回http状态码

//controller return new HttpStatusCodeResult(200); //asp.net return HttpStatusCode.OK MVC返回http状态码

IIS7.0设置404错误页,返回500状态码

一般在II6下,设置自定义404错误页时,只需要在错误页中选择自定义的页面,做自己的404页面即可.但是在IIS7.0及以上时,设置完404错误页后,会发现状态码返回的是500,并且可能会引起页面乱码.查找资料,发现好多资料写的不够详细,不能完美解决问题.特将我的经验分享一下,希望能帮助到大家. 经过试验,发现有两种方案可用,各有利弊,我使用的是第二种方案. 方案1: 1. 在IIS中,找到对应站点,打开“功能视图”-“IIS栏”-“错误页”: 2. 双击“404”,打开“编辑自定义错误页”对话

ASP.NET设置404页面返回302HTTP状态码的解决方法

在配置文件中配置404页面如下: .代码如下: <customErrors mode="On" defaultRedirect="404.aspx"> <error statusCode="403" redirect="404.aspx" /> <error statusCode="404" redirect="404.aspx" /> <err