day07/上午/136-尚硅谷-尚融宝-axios的响应拦截器的拦截和放行条件判断

那现在呢，我们其实这个步骤已经做成功了，就是它类似调用远程API，确实是把数据调回来了，但是呢，这边绑数据的时候。出现问题了没绑上，而且呢，还展示了一个错误的信息，然后对吧，啊展示一个叉。那那个那个弹出窗口是在哪展示的呢。就这弹窗是吧，在哪展示我们也没写呀，那我们这个时候呢，要看一下我们调用的这个API了，我们调用的这个list，这个API是我们在这儿定义的啊，在这个API Co integr grade这个里面定义的哈，这个里面呢，我们定义了一个类似方法对吧？啊，然后这个类似方法不是调用了这个request吗？这个request不就是它吗？它是哪来的，是不是在这定义的，好，我们再打开这个request再详细看一下。嗯，You request打开打开之后呢，前面这块我们就不不不不不用说了，刚才已经研究过了，是不是就是基础的base API，然后接下来再往下啊，我们看一下这块有一个response，这不就是我们之前写的那个响应拦截器吗？不知道大家还记不记得在前面的I source这个例子当中。

我们写过一个。Request intercepts response，这不就是响应拦截器嘛，是吧？我们在想拦截器里面是不是处理了response data呀？然后接下来呢，你看它这个响应拦截器里面是不是也是第一个步骤，先把response.data塔的值复制给res了，好也是处理我们的response data，然后接下来它在这个地方做了一个判断，判断什么呢？就是如果response就是这个，其实就是我们相当于我们的R对象了，如果R对象里面的那个响应码不等于2万的话，那么就展示错误信息，后面先不用看啊，就看这就行了，如果这个响应码不等于2万的话，那么就展示错误信息，然后接下来，否则就把这个response的结果返回，Response是什么？就是response塔，然后如果等于，就是如果不等于2万，就展示错误信息，换句话来说就是如果等于2万是不是就返回呀，返回的时候，也就是说这个响应拦截器就放行了，就放行了，那么在这个if语句里面。

这个reject就说明拦截了啊，这个是拦截。然后这块是放行。好，然后呢，他如果是放行的话，他就会走哪呢，他就会走这。就会走这个灯。明白哈，如果是拦截的话，它走哪呢？如果是拦截的话呢，它首先先弹出这个message。啊，然后呢，后面这块咱们那六个先不管他也不会走啊，这个代码现在好，然后接下来reject reject，它会跳转到哪呢？会跳转到arrow节点啊，也就是说一旦promise reject了，拒绝了就说明什么呀，就说明我这个呃，Promise的状态是失败状态呢，咱们学过吧啊学前面学过promise啊，你看这个里面的综合这个知识点特别多哈，所以原来你如果学完了之后就像嗯。

丢了什么摘摘了苞米，丢了西瓜什么的哈，你前面全忘了，那你就你就你就没有办法了啊，所以回忆一下前面大家记不记着，如果我们在这个地方是reject的话，那么是不是就相当于把promise的状态改为失败状态，如果promise的状态改为失败状态，它是不是走一个catch代码段，我们之前说过哈，好，那么在咱们这个业务逻辑当中呢？它是这样的，如果他是promise直接是reject的话，它会干嘛呢？它会new error，就抛出一个错误对象，它会走什么？它会走这个error代码段，明白哈，L代码段里展示什么呢？

要展示这样的一个错误信息啊，然后又是展的是吧，所以是这样的一个业务逻辑，那所以呢，刚才之所以去弹出了一个错误信息啊，在这个地方，原因是我们后台的返回结果不是他要的2万，而是零。明白吧，我们后台的正确的响应码是零，而它前端这块它定义的正确的响应码是2万，他认为是正确的，所以那就和我们后台返回的那个结果发生了冲突，这个不就得前后端联调一下了吗？连调的过程会出现这些问题对不对？那我们就要让前端和后端保持一致，那怎么保持一致呢？原来的这个2万咱们先保留啊，因为前端里面有一些非常复杂的结构啊，你要把这个2万删掉的话，可能其他的就不好使了，比如说那个登录登出就不好使了，因为那个那个登录登出就刚才咱们那个Mo server模拟的那个Mo server，他那面如果是成功就是2万，所以你还得将就那个登录功能啊，然后那个登录功能成功是2万，你还不能改，所以我们再加上我们自己的成功，那这块我们怎么加呢。

那么这块加上嗯。或者。或者res点扣的，然后不等于我们那个是零啊，不等于零也报错啊，那换句话来说就是等于零。就不报错了，就放心，明白这个意思吧，啊，这个业务逻辑大家回头下课的时候再好好想想啊，我们主要就是加了这么一个东西啊，前面呢，我们不改兼容我们系统当中原始的Mo server的返返回结果，因为Mo server里面呢，就是啊，如果成功的话，就是返回2万，而我们自己写的那个结果呢，如果成功的话呢，其实是返回零的，所以这块呢，我们就判断，如果不等于零就报错啊，如果等于零咱们就放心啊，所以咱们再来看一下这个刷新。

好，大家看就没有那个错误信息了，也就是说放行了对吧，好放行了的话呢，咱们再来看六看这面的数据是不是就绑上了啊，所以说这个刚开始这一块啊，稍微复杂一些，所以大家呢，一定要耐下心来，先把这块的业务逻辑走通啊，这个第一个接口。写通了后面的一二三四五六七八九十个接口，那就没有问题了啊，就一通百通了，好，然后接下来最后一部分。