day11/下午/227-尚硅谷-尚融宝-axios基本配置

刚才我们说了一个，那当中怎么去做服务器端渲染和客户端渲染哈，然后大家记住个结论，就是在这个里面写的就是服务器端渲染了，然后呢，在我们的里面。啊，在credit里面写的就是客户端渲染了，接下来呢，我们在做一些和EXO相关的配置，这些呢配置呢之前我们也都在啊，咱们的这个项目当中啊，就是在这个项目当中都配过，只不过呢，移植到我们的纳斯当中来的话，因为它使用了不同的前端技术，所以呢，可能配置方案呢稍微有点不一样，那在这里面给大家做一个说明，大家知道这个项目当中这些选项是如何配置的就可以了，那么在这面呢，我们首先来看一下全局选项啊啊X全局选项呢，之前我们会配一个就是全局的一个路径URL地址，省着呢，每一次你发送阿贾克斯请求的时候呢，都去写什么呀，都去写它的主机地址啊，那我们这边也可以去这样去做，那么我们在那computer JS当中直接配就好了。

所以呢，我们打开next complete.gs在这面呢，直接配这样的一个地址，这样的话呢，我们所有的请求都是发送给这个服务器的啊，那这就意味着什么，这就意味着我们在页面当中发请求的时候，我们就不用这么发了，直接发地址，就他发后面的地址就行了，因为它后面没有地址，所以直接写个杠就行了啊，如果后面有的话，后面就把后面地址写上啊，跟我们之前在这个地方。在这个里面啊，设置的哪个它的作用是一样的呢。跟我们在这个文件当中设置的。这个路径base URL，它的作用是一样的，是一模一样的，所以呢，这块就是一个全局URL的一个设置啊，在文件当中，好，我们来试验一下。其实这个就还好使对吧，还好使就说明啊，刚才我们那个配置是成功的啊，还是能够啊，通过这样的一个路径啊，去获取到我们的远程地址的。

好，这个是我们所说的全局选项啊，然后接下来呢，我们再说一下它的这个拦截器啊，拦截器这块呢，它也是分请求拦截器和响应拦截器，跟我们在这个地方。就是s rb me后台管理系统当中的YouTube，然后request这个里面我们不是也设置了一个请求拦截器嘛，然后这面不是响应拦截器嘛，啊也是一样的，它也可以设置，只不过写法呢有点不一样，咱们大家呢，把这个移植过去，复制过去就行了，我们在这里面创建一个plug in。好在plug in里面呢，我们去创建一个JS。然后在XJS里面呢，我们就直接把这个复制过去就行了，这个呢是一个拦截器的一个设置，这个拦截器呢叫做请求拦截器啊，然后这个拦截器呢叫响应拦截器，这拦截器呢，就出错的时候走的啊，无论是请求还是响应，等它出错的时候，它就会走到这。

好，那呃，请求拦截器呢，会我们会把这个请求对象放在这，然后如果有必要的话呢，我们可以对请求对象做一个处理啊，响应拦截器呢，会把响应对象放在这，如果有必要的话呢，可以对响应对象做一个处理，是吧？啊所以说这块呢，我这样写吧，这个呢就是执行。请求拦截好，然后这块呢，是执行响应拦截器。好，然后接下来呢，还有一个步骤啊，就是我们要把这个刚才建的这个文件，这个文件这不里面配拦截器了吗，以插件的形式配到我们的na当中，所以把这复制一下。

Next。粘过来就可以了啊，这样的话呢，我们这个X呢，作为一个插件啊，就整合到我们的上下文当中了，那我们项目当中用的所有的X呢，它都会先走这个拦截器程序，然后呢，才真正的去执行请求或者是想。那接下来呢，我们来看一下这面。我们直接看这个哈。刷新一下，然后大家看是不是执行了请求拦截器啊，执行的路径是这个杠路径，然后执行了响应拦截器啊，所以呢，这个拦截器呢，就正常的在我们的请求的发送和响应的获取的过程当中呢，就被自动的调用了，那这拦截器最后怎么用，后面我们项目当中会给大家介绍，大家先知道这个拦截器啊是如何配置上的就可以了，好，那这块啊，我们就整体就说完了啊，那简单的给大家去总结一下，就是X这块的使用呢，并没有什么特别的技巧，就是需要大家呢，先按照这个文档当中的内容，先熟悉一下每一个部分都是做什么的就可以了，然后当我们这些东西都配好了之后，比如说你像这个都配好了，这个配好了，这个配好了对不对，你就不用管它了，这就是一次性的配置，然后在项目当中我们用的时候就非常方便了，那就直接点Dollar就可以了。

啊，所以呢，呃，这块呢，要求大家掌握的，并不是说你自己怎么搭建出来，要求大家掌握的呢，就是给你这样的一个项目，你看哦，就明白这是什么意思就好了，啊所以这就达成我们的目标了。