day04/下午/076-尚硅谷-尚融宝-axios实例的基本配置

好，那么自定义配置这块呢，我们呃，大家看一看它自定义配置呢，主要配置什么内容，那你可以看到在咱们这个自义配置的例子当中呢，它配置了一个叫base URL的就基础ull，我们能够了解到的一个场景呢，就是未来我们在做前后端调用的时候呀，啊，那调用的这个后台接口啊，可能绝大部分都是处于同一个主机或者差不多的主机地址当中的啊，那么我们每一次调用同一个主机上的这个不同的接口的时候呢，如果都写这个前缀的话，比如说像这样都写这个前缀的话，那恐怕呢就太麻烦了，再有呢，就是当主机地址嗯发生了变更的时候，我们的修改呢，工作量也比较大，比如说我们从开发环境移植到测试环境幼，从测试环境移植到生产环境，那么我们不可能一个一个去改，那所以呢，我们就需要有一个统一的地方呢，来配置这个地址，那这样的话呢，我们就可以做我们的。嗯，阿贾克斯的一个。这个呃，统一配置啊，那么这个统一配置的方式呢，就是创建一个啊request对象啊，这个request对象呢啊，实际上是通过x.create这个方法创建出来的，那么这个x.create这个方法后面呢，它接收一个配置对象，配置对象里面呢，就是我们可以配置的方方面面了，那么首先呢，我们来看一下这个base URL的一个使用。

所以呢，在这个所有的请求的上面啊，未来的话呢，这样的东西我们肯定会提取到啊，一个公共的培训文件当中啊，那这面呢，为了方便理解，我们先写在这个里面，所以呢就是xus.correct好，这里面呢有一个配置对象，配置对象里面可以配很多的配置属性，我们先写一个base URL，注意这里面的base URL呢是固定的啊，它是当前这个里面的一个固定的属性，包括大小写大家都不要写错，好然后呢，我们说每一个请求呢，它都请求的是这个主机地址，所以呢，我们可以把主机地址呢写在这块，然后接下来呢，我们用这个可的方法所得到的结果呢，给它定义一个对象出来，Past，好，这个名字呢，是我们自己起的啊好，那如果叫request的话呢，那后面这个地方就是叫request了，因为实际上它返回的就是X对象的式，所以如果这面叫request。

那我这边就都统一的改成request，好，因为我现在的这个request呢，实际上是有了配置节点的X对象了，好再说一遍，它其实就是但是呢，这个嗯，点create方法创建出来的这个对象呢，是有了基础配置的一个request，然后接下来我们后面呢，就把它们都改成request，改完了之后呢，把前面的这个技术配置呢，咱们就把它删掉就可以了。那未来我们在调用这个。Request方法的时候。那他呢，先会根据基础配置来把主机地址啊追加到URL的前面，然后再进行一个请求发送，好遇见。

然后F12。看一下这个请求呢，也是获取成功了啊，阿贾克斯请求呢，也是发送出去了，这块呢，就是我们的。基础配置了，那同样呃，除了这个VR之外呢，还有一些其他比较常用的，比如说come out，有的时候后端呢，它的执行效率非常低啊，好长时间也不返回结果，那么我们可以通过这个1000呢配置一个超时时间好，超时时间好，那么如果后台1000毫秒了，就是毫秒啊。还没有返回结果的话，那么前端就宣告访问失败，直接呃，相当于直接就垄断掉了，就不等待那个结果了，直接前端就告诉用户啊，后台服务器超时了，明白哈，那比如说我现在这个地方一毫秒，看能不能找回结果一毫秒。

然后大家看是不是直接就退出了。他就cancel了是吧，嗯，一毫秒，并且呢，你会发现他默认他还有一次重试是吧，重试也没成功啊。对吧，啊，要刷新对吧？啊，所以这个呢，是我们超时的配置直接就退出了，那当然我们给它设置的大一点好，然后另外呢，有的时候在我们前端向后端发送请求的时候呢，有的时候呢，需要携带一些个人信息，那这个人信息呢，我们通常情况下呢，可以通过请求头发送进去，比如说这里面我们携带一个head head里面呢，可以配置若干的个人信息，比如说我配置了一个令牌，就相当于你要去一个这个理发店，你要剪头发拿会员卡对吧，人家一看会员卡哦，知道你就是你，所以呢，他就给你剪头发了，好，如果没有的话呢，他就拒绝你访问，那比如说我这头窥呢，是HELE123，这是我的令牌。

好，那接下来呢，我们来看一下，为了这个请求或刷新，先清一下啊刷新啊点击，然后接下来呢，我们看head head这个里面呢，就有一个叫做蕊request head请求头，请求头这里面呢，你看就刚才我有了一个toke，看是吧，令牌，然后这有个哈伦123啊同样所有的请求是都是带这个请求头的，我们可以看一下。刚才我们看到的是，嗯，第一个啊，刷一下好第一个啊，我们再看第二个。第二个这个headers，这个request headers里面是不是也有一个令牌啊，啊都是一样的，所以呢，只要我们在前面的这个基础配置这块啊，统一设置了一个访问令牌，那么我们前端向后端发送请求的时候呢，就是在请求头当中携带这个令牌过去，然后后端呢，是有办法从当中取出这个具体的硬盘信息的，对不对？好，那这块呢，就是我们的配置实例的基本配置这个部分。