day07/上午/132-尚硅谷-尚融宝-将登录接口改成mockserver的地址

那现在呢，我们大家都知道，我们已经把啊。上堂课把这个Mo server就第那个地址呢，改到logo host了，是不是，所以呢，我们来看一下啊呃，现在呢，我们正常情况下要。访问这个里面的积分等级管理的时候呢，实际上就可以从local host来访问了，嗯，然后但是呢，我们再回过头来看一下这个登录登出功能。然后看一下他这个登录哈。呃，登录的话你会发现呢，这个地方呢，它好像依然还是连这个原来的那个地址好像并没有发生什么变化，因为我们刚才其实已经把DVAPI改掉了，但是它没发生变化，这是为什么呢？我们试着重新启动一下系统，在这个地方怎么重启呢？CTRLC啊，然后Y。Y回车，然后呢，上箭头啊，把这个n PM run d调用出来，然后再重新启动。

好，大家看这回呢，它跟之前有点不一样，就是你访问主页的时候它报错了，为什么会报错呢？刷新一下你会发现呢，这里面呢，它调用了一个接口啊，我看一下刷新一下。嗯，调用了，我直接先点这个登录吧，点登录大家看它调用接口的时候，调用登录接口的时候就报错了，那他为什么报错呢？你看这块的地址。我复制一下。和之前咱们这个地址比较一下啊，这个login这个地址比较一下，你会发现这个是不是已经成功的有我们原始的这个，你看我们不是说把它切换到它吗？你看这个地址是不是就已经由它切换成它了，也就是说我们在切换后台的这个Mo server地址的时候。

啊，实际上呢，我们是想切什么，我们是想切我们自己的。这个。我们不是要做一个。嗯，刚才我看一下啊，路由啊。嗯。我们不是要做一个积分等级嘛，对不对，我们要将这个积分等级的这个后台接口的地址嘛，切换成八零，也就是说从N这个来访问这个，但是呢，登录和登出功能其实是Mo server提供的，也就是说我们在后台其实并没有去做登录登出，而且我们现在也不打算这个去做登录啊，就是我们关注于后台的其他的业务逻辑登录登出，咱们就想用它原始的Mo server的那个模拟的登录登出接口就可以了，因为你们原来的项目当中已经做过很多次登录登出了，这个项目我们就不做了，那所以我们就用模拟的，那这个就矛盾了。

哪矛盾的就是。登录接口这块我们想连Mo so，包括登出接口，包括这个呃，获取用户信息接口哈，登录成功之后的获取用户信息接口，我们都想连报和solo，但是呢，我们自己写的这个功能，那比如说积分等级列表，我们想连N这个，这可以理解吧，所以呢，这就出现了冲突，那这个地方我们到底配啥？因为你这地方只能配一个，你要么你就MOS，要么你就。咱们自己的这个N这个是吧，你切到N这登陆登出就不好使，你切到原来的Mo server，那么未来咱们的N这就没法连啊，那怎么办呢？咱们把这个Mo serve啊去硬编码的去改一下，那么Mo serve的它的这个serve服务器的文件在哪定义的呢？它是在Mo这个路径下SR。B me下面有个Mo，这个路径下的所有的文件其实就是Mo server的服务器的相关的文件了，然后我们把这个Mo server打开。

打开之后呢，这个里面的第三行。有一个去动态的去获取这个base API u啊就是view base API。View APP base API是吧，它它动态的获取这个值，那原来这个值是什么，我们就把它换再换回去，明白吧，不要让他去动态的去去这个里面取了，因为这个里面我们连的是我们真正的后台了，而这个地方你想连Mo服务器，假的这个接口，所以呢，我们就把原来的那个Mo服务器是啥地址来着，是不是叫杠D呀。啊，把它切到这来。原来这个帽服务器地址是这个。这后面的URL它自己带前面杠，所以这块我们就不加杠了。

所以呢，这块呢，是啊第一个我们要做的地方，然后这样的话，Ma服务器的地址呢，就会变成啊杠D-API。这样的一个路径啊。嗯，然后接下来呢，还有一个地方就是这块也得改一下u.GS。uc.js里面呢？也有一个硬编码的地方，来看一下啊。在。我们先试一下，要不不太好解释，刷新一下。然后呢，我还是要重新启动一下这个服务器。啊，现在我们做的这些事情，其实跟这个业务逻辑还没有太大关系呢哈，就是只是先把服务器环境让它有效的跑起来。

好，然后接下来呢，F12。然后接下来呢，在这儿还是点登录啊。好，大家看现在这个地址。是不是没有有效的根据我们的这个要求去改，去变，变成我们的这个ma server的地址还是那个log，说明就还有地方需要改，那还有地方需要改，是哪个地方需要改的，你看一下，你找到这个，它实际上去调用的呢，是view啊，The mean template user in。啊，它调用的是这个地址，这个地址呢，它前面这块呢，是local host对吧？好，然后呢，我在这个地方呢，我把它复制一下。复制一下之后怎么办呢？你如果是你自己啊。就是不知道上哪改的话，你可以在这个地方呢，点击这个。嗯。有一个叫搜索。

CTRLF一下吧。是在这看一下啊，搜索在哪呢。呃，在文件中查找哈，在这个地方，然后呢，把我刚才复制那个路径复制到这儿，然后大家就可以看到在我们的。这个嗯，Mark这个里面呢，有两个位置，就是在我们整个的代码当中呢，有两个位置，一个位置呢，就是mark这个里面呢，有一个URL，这个URL呢，它和我们才的那个路径相关，还有一个呢，就是u.JS这个里面也有一个URL，这个URL呢也和我们刚才的那个路径相关，也就是说和这个路径。是一致的啊，只不过它的这两个路径的前缀都定义到哪去了，都定义到我们默认的这个。贝斯API下面去了，也就是说这个贝斯API会追加到我们Mo克server的刚才的这个URL的前面，以及这个URL的前面啊，所以才构成了我们一个错误的地址，因为我们它原始的这个登录，我们还是应该让它去连接模拟服务器，而不是我们真正的N，我们N这里面没有去开发登录功能，是不是啊，所以说怎么办呢？你像这个地方正好是之前我们学的一个的一个封装啊，那么这块的xus的封装呢，实际上它是从哪引进来的呢？是从。

Request这个里面引进来的啊，然后这个request在哪呢？快在这这块大家一定要注意听啊，这块逻辑比较比较绕。在下面，然后在。嗯。下面这有个request，看见了吧，这块不引了一个request吗？这个request是什么？就是这个request，好，这个request我们把它打开。大家看这个request里面有一个我们熟悉的内容，就是X use啊，前后端IX调用这么一个组件，然后在这个里面呢，也有一个我们熟悉的方法，X use叫create，不知道大家还记不记得我们学X的时候那个初始化方法，好，这个X excuse叫create，里面呢有一个base URL的一个设置啊，我们来回顾一下我们之前那个xus这款啊，Xus pro，然后大家看。

这个是不是最开始我们这个create，然后是不是有一个base ul的一个设置啊，好，这个base URL是不是决定你后面在调用接口的时候，这个URL前缀是什么呀？对吧？好，那么这个request哪来的，这个request是不是是不是这面的X create创建出来的，那么我们再回头看我们当前的刚才看到的这个啊，当刚才看到的这个项目下you request JS里面的这个request呢，它也是引用了，只不过它是用这个import。嗯，就是这种模块的方式引入的，然后接下来呢，用了XDEC，然后创建了这个叫service这么一个对象，然后在service这个对象里面，这个配置里面呢，它也配了一个Basel，只不过这个VUL是从哪读的呢？注意是从我们的VIAPI读的，也就是说从哪读的，从这读的没有APP base API，所以呢，这个request里面的base URL就是啥？是不是就是local host呀？好，如果它是local host的话，它怎么传递到我们最终的接口调用那个地方呢？

这块不是定义了一个service长样吗，然后大家看。在这块是不是把这service就导出去了，好导出去了之后，那这个request.js就作为一个导出service的一个模块了，而这个导出的这个service模块呢，实际上就是什么呀，Base URL等于local host的这么一个X对象，对吧？好，这个对象在哪引的呢？就在刚才咱们看到的user.gs也就是从这调用的远程的登录接口啊，在这引的，也就是说在这个地方还有这个地方这块比较比较复杂哈。

我们刚才找到的那两个地址上哪去了，我看一下。再搜一下啊。嗯，在文件中查找啊，对，就这两个地址，你看在这个地方和这个地方啊，实际上呢，跟就是跟刚才咱们说的那个local后色都相关，尤其是这个地方，它实际上是像啊。从这个地方，从request这个地方引入了这个模块，也就是说这个request这个模块实际上是什么，实际上是不是就是这个里面导出的这个。Service呀，这个地方能明白吧，好，然后接下来呢，从request里面导出service，这个service里面的base URL实际上是look，所以在我们这个user里面，它在使用这个request的时候，它在向这个地方发送远程调用的时候，那么实际上它的base URL就是什么呢？我们在这也可以这个啊，就是镂后显显的。

啊，只不过呢，这在这个地方的配置呢，我们其实是没配。这个地方的配置呢，我们其实是没配没配它调到哪呢？它调用的就是就是这个地方的配置，这个地方的纸是啥呢？这个地方的纸就是这个地方的纸，明白吧，所以最终我们的那个登录接口的那个URL地址就变成什么了，就变成。Local host，然后willin template user in了，明白吧，因为它前缀是local host嘛，变成这个地址了，而这个地址。它是错误的句值，因为我们的N这个词里面没有这个登录页，对吧，没有这个登录接口，这个登录接口在哪，还是在它原来的Mo server里，不知道大家明不明白啊，还是在他原来的Mo server里，所以现在我们要做的是什么呢？把这个地址再改回去啊，因为我们希望它还是连原来的Mo斯好，那所以把它改回去，怎么改呢？在这个地方贝。

URL啊冒号，然后这个地方呢，还是加原来的这个帽的这个地址是吧，这是原来的micro，但是这个呢，因为这和当前服务器是一样的，所以其实是可以省略的，那就跟原来的写法一样，就是相当于我们把原来在这里面配的那个盖。呃，Dva API不在这儿配了，硬编码到这里，因为我们只有在这个里面采用啊，而在这块配的呢，我们是给我们的真正的后台接口配的，而在这个配上是给我们的模拟登录页配的，明白哈，所以在这个地方我们配base啊，DAPI啊。后面这个都是一样的，这个是获取用户信息的接口，这个是登出的接口都配到这儿啊，然后呢，我们先来看一下这里可不可以刷新一下。

好，大家看这回是不是登录进来了啊，你比如说刚才我们这个获取用户这信息，这个接口是不是又回到9528D的API了，包括刚才我们那个登录在这儿呢，是不是又回到9528DVPI了，这样的话，我们用这种，呃，就是比较复杂的方式吧，其实呢，就是我们这个后台呀，有两个接口，一个接口呢，是未来我们要在积分管理里面去真正调用的那个后台接口，那我们呢，是在这儿配啊，在这儿配这是真正的后台接口，另一个呢，就是我们登录的时候，登录的时候，登出的时候，然后获取这个用户信息的时候，这三个接口呢，我们还是要连到Mo server，所以呢，这样的话呢，既然这个文件已经连到真正的接口了，那我们Mo server这块呢，咱们就在手中的硬编码一下，一个呢是改这啊。然后一个呢，其实改改这这块添加贝斯API就可以了，好了，我这块先说到这。