axios请求失败,后端接口返回的状态码及错误信息获取


使用封装的elementUI后台框架,后台框架自定义封装并返回的code码转态(全部的返回数据,如下所示):

浏览器查看:返回的 error 信息
{"message":"User wither username 13600000001 existed,"status":400,"timestamp":"2020-05-21T16:11:19:381"
}

(返回error数据) 调用代码示下:

1. Get请求:
// axios.get(serverPath+'/login')
···略···.bind(this).catch(error => {if (error.response.status == 400) {console.log(“此处多次点击登录按钮 ∈ 重复登录”);console.log(“用户名或密码不正确”);console.log(error.response.message);} else {console.log(“登陆失败”);}});

2. Post请求:
// axios.post(serverPath+'/login')
···略···.bind(this).catch(error => {if (error.response.data.status == 400) {console.log(“此处多次点击登录按钮 ∈ 重复登录”);console.log(“用户名或密码不正确”);console.log(error.response.data.message);} else {console.log(“登陆失败”);}});

注意:

  • 请求方式不同(get/post),获得的error数据的调用方式也不同,具体代码参考上文。
  • (不一定非要和我的保持一样。)

相关博客:

  • axios请求失败,后端接口返回的状态码及错误信息获取
  • 博主自留, 具体参考 某某项目 登录页login.vue代码:重复登录逻辑。)

以上就是关于 “ axios请求失败,后端接口返回的状态码及错误信息获取 ” 的全部内容。

axios请求失败,response.data返回的状态码及错误信息获取相关推荐

  1. vue 下载文件流和捕获后端返回的状态码和错误信息的方法

    文件流下载需要注意的是 responseType: 'blob' ,否则下载的文件不能正确打开.但是当数据库返回400时,捕获不到error的错误信息,因为responseType设置了固定的返回格式 ...

  2. 常见的状态码及错误信息提示

    200 OK 请求正常处理完毕 204 No Content 请求成功处理,没有实体的主体返回 206 Partial Content GET范围请求已成功处理 301 Moved Permanent ...

  3. 解析json格式请求返回500状态码的异常

    异常描述: (1)响应信息: (2)请求信息: (3)服务器中解析json所依赖的类的信息以及处理请求的逻辑 class Bedroom {public String desk;public Stri ...

  4. axios发送post请求返回400状态码

    axios发送post请求返回400状态码 今天在用 axios 发送一个跨域的post请求时,遇到了一个坑:Uncaught (in promise) Error: Request failed w ...

  5. get请求400错误 vue_解决axios发送post请求返回400状态码的问题

    今天在用 发送一个跨域的post请求时,遇到了一个坑:uncaught (in promise) error: request failed with status code 400. 前台代码如下: ...

  6. 请求头有问题导致Nginx返回400状态码

    背景 上个星期有人找我看了Nginx的问题,场景是这样的,用户访问一个网址,这个网址有一个按钮,点击这个按钮后会跳转到新的页面,但这个跳转,有时候可以,有时候不可以--不可以的时候页面显示400状态码 ...

  7. http请求时常返回的状态码

    1.http状态码分类:   已定义范围 分类 1XX 100-101 信息提示 2XX 200-206 成功 3XX 300-305 重定向 4XX 400-415 客户端错误 5XX 500-50 ...

  8. 安卓判断服务器返回的状态码,关于服务器返回的十四种常见HTTP状态码详解

    原标题:关于服务器返回的十四种常见HTTP状态码详解 HTTP状态码 状态码是由3位数字和原因短语组成的(比如最常见的:200 OK),其中第一位数字表示响应类别,响应类别从1到5分为五种 add:其 ...

  9. ajax的get/post请求及其封装,以及ajaxHTTP状态码是啥子意思

    ajax的get/post请求及其封装,以及ajax/HTTP状态码是啥子意思 ajax是什么? AJAX即"Asynchronous Javascript And XML"(异步 ...

最新文章

  1. python之xlrd、xlwt学习
  2. MonitorService-监控服务类2
  3. Unity3D+VR的实现
  4. 解决打开WORD错误报告问题
  5. html返回滚动按钮,如何通过滚动显示按钮返回TOP
  6. 模拟Spring Security上下文进行单元测试
  7. Icon+启动图尺寸
  8. java远程桌面_java – 实现远程桌面共享解决方案
  9. 如何在线批量将Word转换为PDF格式
  10. 百度SiteApp网站打不开,手机站可以这样搞掂
  11. Win11麦克风有回音怎么消除 Win11麦克风回声怎么调
  12. 基于Frenet坐标系的无人车轨迹规划详解与实现
  13. 微信支付的appid,appsecret,商户号mchid,微信交易支付密钥在哪里
  14. 近10年NBA球队常规赛排名变化——tableau 实现bump chart
  15. 成都国企前端基础面试题2021/7/7
  16. Ubuntu系统切换五笔输入法
  17. Bailian2755 神奇的口袋【递归+DP】
  18. Linux(二) 常用工具
  19. 【Python】模拟radius coa报文
  20. leg_detector包随机森林训练(修改自leg_detector中的train_leg_detector.cpp)

热门文章

  1. 漫谈 | “黎曼猜想”和区块链加密算法到底有什么关系?
  2. C#:解决WCF中服务引用 自动生成代码不全的问题。
  3. 为什么超长列表数据的翻页技术实现复杂(二)
  4. 总算OK了,折磨了好几天
  5. Python自然语言处理学习笔记(68):7.9 练习
  6. XnView v1.93.6 Final 注册机
  7. php代码最佳实践,分享几个 PHP 编码的最佳实践
  8. python post json 解析失败_python中json对象转换出错解决方法
  9. 优酷 米兔机器人_ONEBOT积木机器人上手评测,寓教于乐的反履机甲让孩子爱不释手...
  10. 信息学奥赛一本通 2073:【例2.16 】三角形面积