17_尚硅谷_axios从入门到源码分析_axios使用_拦截器及运行流程

下一个我们要研究的是access的一个处理面的什么呢？流程。这个里面就会涉及到一个非常重要的，我反复强调的access里面一个非常重要的技能叫拦截器，叫拦截器能听懂吧？啊拦截器，而且包含请求拦截器和什么响应拦截器，什么概念来。我写的代码说明一下，在这个里面啊，我们通当然可以去发请求，盖请求，破求没关系，听懂了不发什么请求，没有没有关系的好这个时候是不是指定一个路径啊，那路径呢，我就这次就直接写了吧，因为我发很多请求啊，假设还是用那个啊POS纸。这是不是获取所有文章列表的请求啊？那后面我是不是可以通过点认来去获取结果是吧？啊，那这个时候我是不是通过response来收到数据是吧？收到应结果，那我怎么样取到里面的数据了？Response点什么date？

对吧，也就说这个是不是才是我的date的数据啊，这个我写个date就能看看是对的数据是吧？好，那我万一要出错了呢。那我得怎么写？可以点开吧，当我可以传第二个回家函数是不也可以还可以吧，接着我直接啊，我也不用了，别阻止了，就直接打印出出一下吧，啊啊接着呢，我取一下I的message显示吧，可以吧，可以这是不是就算说我去发请求，去取成功或者失败的原因数据去打印输出。好，没问题，下面。

下面我要去干两个事情，添加拦截器，但是有添加请求拦截器和添加什么呢？响应拦截器，那添加请求拦截器怎么写呢？哎，完了我又忘了。怎么办？看文档不黄是吧，来。找到一个东西，Intercept。是不是这里好注意来看一下添加的方式，是不是access.intercept.request点我告诉你，你不要写，你开始的时候复制。啊，三天你只把整个复制过来都行，这都没关系的，听懂了不，你可以先复制过来看一看再写都行。能理解吧，啊先复制过来看一看，当然它这个复制起来就会感觉非常什么。

非常多，是不是非常多OK啊，你可以看一看，或者说你先在这里面是不是看一看再写是不是也行，能理解吧，好这个时候我就这一次呢，我就背一下试试。X有一个属性叫是吧，为什么是S呢？因为可能会有多个是吧，但是他其实是指的是我既有请求的，也有响应的。下面我怎么指令是请求的呢？点什么use是叫声明使用是按相恋爱的对不对，爱的好，那这个时候指定什么呢？来这个时候注意，我要跟他说拦截器是什么玩意，毁掉函数，这个要基本先认识啊。

那你说我下面是不添加回答函数，而且分为成功的和什么呢？失败，而且成功的接受一个很重要的东西，什东西看背啊，我先把这个结构写一下吧，好吧。而且这一个必须要返回看好，那我把这个写个打印输出可以吗？这个是我的intercept啊，什么intercept呢，是请求的吧，Request啊intercept来这样我还准备添加两个请求栏器，那我这个呢，就叫INTERCEPT1可不可以？可以吧，可以啊，来注意。注意一个事情啊，这一个啊，它不仅可以指定成功了，还可以指定什么呢，失败的，不过对于请求南京器说失败的这个回调基本上不太用，但我也写一下。

其实不太用啊，不太用。大家看到这个里面，他是不是就有写，而且他干了个什么事。哎，你没感觉这两个回调函数有一种有一种感觉好像似曾相识的这种感觉。没有感觉吗？是不是有点像点的那个成功的和失败的回调。是不是我返回这个，是不是想说把那个错误向下传递下去。是不是这个点啊，当然这个其实一般不太用啊啊OK好，我这个里面呢，写一个啊来看一下这个是请求L啊请求啊，这个写拦截啊请求这是这个是什么呢？拦截器成功的对吧？成功的，那我就写一个这啊写的会有点长一点，叫我就叫他R成功了，我们是不是有一个东西了，还记得吧加的。

是吧的好。那这个地方我写什么呢。那这个是请求的，也是南京一是不叫on，什么rejected，背后他就是用的是用的promise的方式去处理的，这就是成功的回调和失败的回调。啊好，那这个里面我是不是可以来两个。可以不，那我这个是什么啊，对不对，能看到吧。配套房。可以读啊，好来注意。哪有请教你还有什么？响应哪些记响应哪些怎么写access间、inter间，什么response间，Use，那是不是也分为成功的和失败的，看他的成功的接受了什么，大家注意观察一下。就是我们是不是说的那个成功的应response，就是那个response，好，那我是不是写的response，对不注意默认你应该把response给他什么呢？返回当啊，后面我们再说细节啊，我先要让大家看到整个流程。

再来做细节，你有程不太清楚，细节没法说啊，呃，这个是response，来把这个拿过来就行。这个哪个也行，改什么呢，大家说。把这个改成什么？是吧，好，那失败的回调他怎么整的是一个什么，哎哟，是不是来把这个拿一下吧。把这些给它去掉可以吧，好，这个地方我要写个打印，跟这个差不多。是吧，当然这个应该是一，是不是这是响应拦截一嘛。

别搞错了，这个是什么？Response。有没有看到？好，我一来就来两个，别来一个。两个人说明问题，后面涉及到一个顺序的问题，我这里面我也要把它，就是把E改成什么好。好来注意注意啊，注意事情什么事情呢。啊，我这个地方有请求男性男性和响应男性，我们说请求男性什么时候执行呢。真正发起邮先执行，也就是说首先你得执行干什么，你不行干的，你说会执行吗？能懂吧，你得执行，该他去发请求啊。啊，那先执行哪一个请求拦截呢。那按我们的感觉，应该先执行它，再执行他是不是好。

这是一个问题啊，这个实际上是错误的，等会我们再看啊，好，下面响应器是不是也指定两个，那他是在什么时候行呢？是不是得到响应之后，关键是他们是在这两个在他们之前之后呢。是在我这个回调函数的前面还是后面呢？是不是这有个先后分析的问题，我下面的是不是也是有了响应之后才执行你的响应性也是有了响应之后。总得有个先后吧。大家觉得？这个拦截前疑题是在这个之前之后呢，之前之后。不知道是不是，这就好像说啊这个东西啊，你想想看，我到了，如果假设你说他们这个东西啊，在他之后执行。

在他之后，这个是不是处理响应了，是不是处理完了，你说你南京去再执行有意义吗？是不是。能听懂我意思，不是不是我准备某一个特定请求，在准备处理响应之前，你得先处理处理，把一些相同的事情可以先处理掉。在我在做一些特别的处理。没，我是不是有可能发多个请求的，那多个请求之间是不是有可能有相同的处响应处理和不同的响应处理，有相同的部分和不同的部分吧，那你说相同部分得交给谁处理？拦截响应拦截处理吧。那不同的部分呢？是不是我自己来特定处理？是不是道理？那不懂，要先这个感觉啊啊好我但是我这里面就发一个啊，就发一个多了来看一下看一下说了这么多得看一下是吧，看一下什么情况。

哎，这个不是我们的，我们还没打开过是吧。打开一下。来注意顺序啊，注意顺序。没有定义说明我没有什么没有引入，那没有引入需要去把这个。给了什么，拿过来。这好说是不是？听着吧，刷新一下。啊。来注意一下，看一下啊，看一下这个事情来先是执行了哪个篮球器啊，是不是截性后执行的什么响应，男性最后执行的是哪个。是我们发请求的时候指定的那个回调吧。

是不是概念，我这里面没有写什么，是不是3000，所以他失败了，失败了也能说明问题，能懂不流程不会流程，还是这个流程对不对。看到了吧。也就是说有几个点，首先啊注意啊，请求拦截句是真正发请求执行这个有没有障碍，没有吧。懂不懂，你要发请求后，你再执行拦截，那有什么意思呢？是不是道理好，这是一个，下一个关键就是那个响应拦截器什么时候执行，肯定是在得到响应之后，关键是在我指定的回调函数之前，之后呢之前。对吧。也就是说他得到响应数就先调谁先调响应拦截器的回调，最后才调什么，我们后面指定的回调是不是。

能不能弄好还有一个细节。请求拦截剂是后添加先执行对不对而加。是正常的，这个不用记，能听到吧，这个是正常，这个是我们我觉得很正常用该怎么的，按道理说就应该先添加先执行了，但是这个请求器是不是做的比较特别啊，这个有可能会问你。或者说你也可以作为一个点来去说，来证见证你看过原版，你要不看原版你是不可能知道的。就是他到底怎么做到这一点呢，是不是啊好这个呢，我们现在不说，我现在只是告诉你结果能听懂吧，告诉你结果好，还有一个事情要注意。再说几个，注意是我请求拦截器啊，成功的回调必须返回卡，这什么意思？

我们发请求的时候是不是传了个配置是不是，而我真正用HR对象是不是根据这配置发的请求？你说咔嚓一下，我这东西没了。For me be。是不是，那这玩意看一下。最后能成功了吗？不能，是不是出问题了，能理解不？为什么呢？这个只要大家理解promise，你就应该知道。这个地方要注意，这个地方我们说过promise是不是有个串联多个任务的操作，这个是一个拦截器，是个任务，一个拦截优势任务，发请求也是个任务。能理解，不响应拦截器也是个任务啊，再一个响应器又是个任务。他要把整个任务给他什么串联起来，一个接一个的执行是不是。

什么？你说我的请求器要不要将康继续向下传递？要不要，如果不传呢？那你那个发情，真正发情的时候还能看到我前面指定的看吗？看不见了，那我得到的是什么了大叔。案例发展都很好。只要只要把前面的东西搞清楚了，再去看原文的时候，你会觉得并不那么难啊，是一个串联的操作，怎么串联那你可能就不知道了，没关系啊，到时看看就知道了。这个没问题吧，没问题啊，也就是说流程以及一些注意的事情，要知道还有一个事情，同理，你应该也知道这个为什么要说要返回response。你说我要不防responses，那会怎么样啊？

是不是你说你想想我是不是先执行了，第一个请响应截性，我这没访位是访安利范吧，你说我还能得到望什么，我得的是什么，你看我要就我反什么，你那我这边呢，对吧，那就好，那那就没问题了。是不是，那我在安给对的好看是不是？是不是跟我推荐一样。是不是？也就是说咱要想把access研究明白，Promise是不是要搞得特别清楚，或者说我们只要把promise搞清楚了，那access那个研究就已经成功一半了，对不啊，很多东西都给予他的，对不对啊，整个流程就靠promise给他创建起来的。

好，这是这一个。懂吧，但基于这一点我们就可以有很多事情可以做啊，但这个东西我们后面再去讲。流程应该清楚了吧，那同时也跟大家说了一些小细节啊，要注意的地方啊，你现在应该知道为什么要返回，返回看为什么要返回response对不对，或者说我这个返回它有什么用。有什么用，是不是把错误继续向下传递，那如果我不返回错误了。那下面是不是会进入成功的流程，那对吗？不对呀，你都失败了，你又跑到成功流程去干嘛嘞。是不是还有一个，我如果想中断我怎么着怎么办啊，对不对，是不是都可以做。是吧，啊好，没问题说的。