vue前端无法获取promise对象

本文探讨了在前端开发中使用Promise异步处理时遇到的问题。当后端接口返回的状态码不是200时,Promise解析会直接报错。作者提出解决方案,即统一返回200状态码并在响应中携带具体状态信息。同时,文章比较了自动解析Promise与传统.then().catch()方法的优缺点,指出后者可能导致代码臃肿。最后,作者建议采用Promise捕获错误的处理方式来优化axios接口的使用。
摘要由CSDN通过智能技术生成

报错如下:
在这里插入图片描述
我的前端代码如下:
在这里插入图片描述
这里使用异步自动解析promise的写法。

这样的好处就是写起来不需要用.then, .catch语句,但是问题也来了,如果后端接口返回的response httpstate code 不是200,这种解析方式直接报错,就如图一一样,无法自动解析。

因此我的做法是,只要前端请求后端处理了,就返回200,具体的state code我单独放在code字段解析。
代码如下:
在这里插入图片描述

ooooooooooooooooooooooooooooooooooooooooooooooooo分割线ooooooooooooooooooooooooooooooooooooooooooooooooo

如果不想像上面这么写,想正常写后端:如下:
在这里插入图片描述
那么前端必须要配合这么写:
在这里插入图片描述
看到了吧,这种不自动解析res的方法写的比较臃肿,因此我还是建议用异步捕获promise的写法来做axios接口

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值