day07/上午/134-尚硅谷-尚融宝-前端api模块的定义

好，我们先来开发这个比较重要的这个API模块，API模块呢，它定义在SRCAPI这个目录下，我们先在这个目录下呢，创建这个号目录，然后再在看目录下呢，先创建一个JS文件。它呢是去连我们的后台接口的，所以在这个API下面呢，我们创建一个靠，然后在这个靠下面呢，我们先建一个文件叫integral GR JS，好，这里面呢，我们要发送阿贾克斯请求，也就是说我们要使用xus来发送阿贾克斯请求，那么X呢，在我们系统当中已经给我们封装好了，就是刚才我们看到的这个S2C目录下有一个UU下面有个request.js，好，这个里面呢引入了X，并且呢创建了X的一个基础的服务对象，然后这面呢，还有X的请求拦截器，这块还有X的响应拦截器啊，这个之前咱们都讲过，然后再接下来呢，这面就把这个服务给它。

这个导出了，那么请求拦截器和响应拦截器里面的具体的内容大家先不用看啊，就知道这个也有请求拦截器，有响应拦截器，然后呢有初始化，然后呢最终有这个模块导出就可以了，导出之后呢，它其实是叫做request.js这个文件名，所以呢，在我们的。嗯，这个EG的这个JS里面呢，我们要导入这个模块的话呢，就导入这个模块的名字就行了，Inport。Request，这个request是我们自己起的名字，然后from啊from哪呢，这个at at呢，它在这里面有一个别名，其实就是RC的意思啊，我们直接写at杠就行了，At-U，然后呢，杠蕊test好。这样的话呢，我们就把这个request模块给它导进来了啊，然后嗯，这个为什么说艾在这个地方表示src呢？因为在咱们这个配置文件当中有一个别名配置的地方，就是在view.js当中啊。

我们搜一下艾特啊，Airlines是吧，配别名，然后配别名src目录的别名就是艾特符号啊，具体其他的内容你不用管它，因为这个比较复杂哈，我们要学又要学一一大堆就是关于其他啊方面的知识，总之你就看这个片段，就先看这个片段，先理解这个片段，这个意思呢，就是在我们的页面当中啊，只要我们使用at代表的就是S2C，所以呢，这块我们就是at you request，意思呢就是src啊，然后下面的U，然后下面的request啊，把这个模块引进来，引进来之后呢，给它起个名就叫request，好，这是我们模块的导入。导完了进之后呢，我们先xport debt一下，这是之前我们学的这个导出默认模块是吧，不知道大家还记不记得啊，好，导出默认模块里面我们可以导出很多个这个模块的成员，现在呢，我们就导一个成员线，这个成员呢是一个成员方法啊。

呃，去导出这个啊。类似这个模块，这个类似模块呢，要访问一个后台接口，好，后台接口是什么呢？就是。这个request实际上就是我们之前的那个X对象，那之前我们学过，我们通过request要呃这个发送一个埃贾克斯请求的话呢，我们可以这样写，这块要是忘记了怎么回事的话，看我们之前的X这一节啊，好可以这样写，然后在这个大括号里面呢，我们就可以配URL冒号，然后这块呢，我们就写杠，呃等me，注意这个前面有一个base ul，这个base u呢，其实就是在这配的。就是在这配的对吧，然后这块配的这个倍斯L，就是刚才我们改的这个。

Look，所以在这个地方，你写这个杠的meanin的时候，就意味着前面其实有个HTTP冒号。Low post明白吧，只不过呢，前面已经配好了，咱们这呢就可以省略了，不用写了啊是这个意思，然后me号。杠这块咱们其实要写什么地址，写后台那个接口地址。后台接口地址在这。In car integral grade，然后杠list。这个地址啊，然后呢，杠类明白哈，然后什么方式呢，Get方式，所以这块呢，写my third get，好，这就是我们导出的一个方法，那这个方法呢，我们最终呢啊，其实正常情况下呢，我们还有done了，就是吧？啊然后catch不知道大家还记不记得啊，但是我们不打算在这写，因为你then和catch就要做数据渲染了，那我们这个只是一个JS层啊，或者是说API层，我们并不想在这个地方做渲染，我们想在view里面。

我们想在刚才我们写的这个这两个页面里做渲染，所以呢，我们先把这个结果呢给return回去，诶在view的这个页面当中去调用这个类似的方法。啊，所以这块呢，是我们的API的定义啊，然后再做一下标注，因为这是咱们第一个写的API，所以呢，我给它标一下，就是引入X。的初始化模块，然后呢，这块呢是导出默认模块对吧？然后这个呢是定义模块成员啊，这个成员呢是一个成员方法，这成员方法呢就是获取积分等级列表，好然后这块呢，是调用这个X的初始化模块，X的初始画梦画，然后发送A。

阿贾克斯请求，那这个是远程请求了，好，这块我们就写好了，写好了之后呢，这个其实是API的一个定义，也就是说是这个的定。

是这个前端API的定义，那现在前端API定义完成之后呢，我们下一个任务就是去做地面组件。