00:00
来,那我们现在呢,接口情形函数已经定义好了啊,后面呢,我们就是要去调用这某一个接口群函数去发请求是吧,尤其是这个登录。咱这个界面都准备好了,就差登录了是吧,也在这里面,我输入用户名,输入密码,接着点登录吧,那好了。来看一下回到我们的登录的组件,这不是我们登录组件吗?我们是不是有一个点击登录的回调函数。是吧,先是不是进行了表验证,验证通过之后,我这里面是不是用一个打印输出来表意说我要去登录啊,那现在真的要登录了,去请求登录。来啊,请求登录是不是得调用刚才那个函数啊,那我得跟他。是不是引路啊啊引路来引路一下import啊,怎么说from先写from写了啊,来谁了啊,我现在的这一个关系。
01:13
这主要有一个相对路径的一个关系啊,肯定要退出吧,往往往外退吧,往外退啊,那先退一层啊,写下API不行,那再那估计不够。能不能看到一定要提示补全啊,记住。好,那这一个我写什么呢?要不要写大话的问题,主要是。什么时候不用写大号默认暴露是不是什么时候需要写,我这分别暴露就需要写吧,我是不是现在需要得到他呀?但是它整个是个对象吧,所以我应该干嘛,是不是结构啊。那个什么大括号。当然,你不用自己全部写,写个IQ它不有提示吗?
02:05
没问题吧,没问题,那很简单了,下面看吗。调用它。得传入什么东西,注意观察,看到我怎么样去看到这个函数要传什么参数,按住CTRL键,把那个光标放在上面。需要传什么?有这类干什么?他说的,当然你也可以按看键给他点过去看也可以,但点过去是不是马上要回来呀,怎么回去?那正常的就是一般的话肯定就是点了。是不是这意思啊,但是点的时候最怕什么,有时候打开很多,我找半天才找到。能懂吗?啊,这边按住alt键向左。它就是一个回退的功能啊,就是向向左,就是向左的那个。
03:04
能看到吧,啊这样这个其实挺有用的,这个经常可以用的。因为经常看以后要回去,其实有时候就要去找对吧,挺麻烦的好。来,那下面啊,下面我是不是要去查U点的,在这个里面吧,我只需要对它进行什么是不是解构出来,就可以解构出来user name和什么,他是word这个地方就要去说一个事了啊这里面这名字能随便瞎写不不能需要跟谁一致啊,跟我下面指定的唯一的标识名是不是要一致。能看到吧,这个名字最好也要跟谁一样呢?最好也要跟这个名字最好也一样。你想啊,这个时候。
04:01
大家看一下啊,这个时候我要传的时候啊,我要传的最好也一样,这样能避免一些问题懂不懂,所以说现在不一样了,当前是没有什么太大问题的。听懂了不啊,一致性能避免很多的问题,因为这里面这个名字啊,注意我这个名字能随便瞎写吗。这个名字怎么根据谁来去写的,根据我的文档里面指定的这个参数来的,也就是说如果我这个声明的是啊。那我正常写是不是写二,那我现在写二还对吗?不对啊。因为这样,我的参数名就变成UMR了。而我的参数名是什么,又在哪里?不要因为这些名字搞错了而导致因你出错,并且还找不出来。这能听到吗?好。
05:02
那接着干嘛呢?这个函数调用返回的是什么?普米对象正常的写法应该怎么写?点认点认啊?里面还可以再点开是吧,可以不可以分开指定成功和回调失败函数对不对,当然你也可以是不是一次性指定。一样的吧,一样的这个都是可以的啊好。来这一个是不是得到的是个什么response,这个是什么,怎么决定的,这个给大家说一下这个response,这个异步给我的说明,他是response吧,那为什么是response,这个怎么看?这得去看XS,他异步给我的是什么?能听懂不,因为我们实际上用的那个promise是不是给我返回的promise,所以最终我异步得到的这个数据是谁,是不是由他来决定。
06:06
能听到我失败的得了谁?当然是取得不同的名字啊,这个艾是对应的,就是我们前面说的那个reason是不是好,那我在这里面就写一个什么呢,打印输出可以吧。这不是这不是成功了吗?OK吧,把那个好response里面怎么得到数据了,我说一下前面的应该用过点什么,对可以吧,啊这个是失败了啊失败了,我这次我直接打的了。OK吧,OK,好来,现在我们就来去是不是可以测试一把看看啊,这里面实际上是有问题的,有什么问题等我来看,得测试运行才能知道有没有问题啊,现在呢,我有意的把这个检查打开。
07:09
看着这个打印输出是吧,好来刷新吧。二的面,二面先搞对的可以吧,好把这些都去掉。点击的怒。做什么成功了?是不是得到了我的那个结果?数据是一个对象,对象里面有两个属性,一个叫status,一个叫date,对不对,为零说明是一个成功的数据吗?没问题吧,没问题。好,但是这个地方实际上。没问题的原因。大家都不知道是什么,为什么这里面我配过一个东西。我把这个东西去掉。改了配置的什么,重新运行,哎,实际上现在啊是有问题的,我得把问题暴露出来,大家现在就去想一个思想,我们现在去请求的这一个。
08:13
请告诉他是不是请求这个例子,我有基指定基础路径吗?没有,默认没有指定基路径,基础路径是多少?我现在是不是在LOG3000的端口下面啊,或者在3001的状态,是不是请求5000,我是在3000里面发请求的吧,那我没有指定技术地址,技术是多少,那只要是3000了,就当前项目的地址对不对,这个懂不懂,那当前项目有人处理这个请求吗?那应该是请求会是吧,发育了吗?没有没人处理是什么,我发现请求没人处理是什么404嘛。
09:01
能听到吧,我请求一个地请求一个地址,没人处理,那不吗?这能理解吧?等会再看一下,看是不是零四,看到404以后咱们再做啊。那也就是说咱这个请求都发错了,那账号都不对,对不对,应该请求的号去5000的端口也说前面是不是应该必须指定基础路径。能听懂不,那也就是说啊,等到跑过来我们先可以写写啊,我可以在这里面加一个base可以吧,HTTV的什么5000。那我们是最后是不是要讲这个被子加上去是不是好,我们先不加,我们得先看啊,是不是4042,是不是404得先看。
10:01
来。看是不是403,随便指定一个密码都行啊,只要不错,来试一下。走,你。是不是零四了,也就是说他是个POS的请求,这个例子有人处理吗?没有。能听懂不,那没有的话是不是就是零四了。而我们真正能处理的是不是在5000下面有这个路由的处理,所以我应该怎么办?把这个被子给他什么加上去。但是。加上去就对了吗?那也就是说我们现在是站在3001的上面去请求几千5000,这是一个什么跨域,来看一下刚才404。现在是不是说跨域了,怎么看的看,看到这个不就知道跨域了。
11:03
能懂吧,啊,现在跨域的原因是什么?是因为什么跨域。端口号不一致对不对啊,跨域有三种可能性,一种。是写一名。也就一个是P,一个是那就不一样吧,还有什么啊,我们的主机主机名也就或者是一个什么新浪,什么百度对不对,还有。什么端口号?呃,我们现在是哪个不一致断号,其他的是不是都是可以的,就断号是不是不一致啊。只要有一个不一致的,是不是都是有问题?那我们的价值请求跨域了,怎么解决?前面我们说过哪些解决方式?第一种接生P,但是他只能处理什么请求跨域,Get请求跨域对不对?我这是POS请求,不可能,是不是?第二个是什么course,是不是后台允许我跨越啊?
12:11
但是开发中也不用这个。开发中用的最多的是一个东西。代理。代理。什么意思呢?就是这是我的前台应用,它运行的是3000,是不是啊,这是我的后台应用,它运行的是什么呢?5000。可以吧,或者3001都行,这没关系。啊,我。现在啊,我直接去请求5000,那肯定必要跨越了是不是。应该启动一个代理服务器来干嘛呢?把请求交给他。听到不也就是说代理服务器监测状况是死机?再见。能懂吗?代理服务器他会帮我做一个事情,叫什么呢?转发请求。
13:06
能听到不,那你说浏览器还是请求3000或者3001,听懂了吧,有跨越吗?没有,但是我的代理服务器他会帮我做一个什么。转发的操作是转发给目标的地址吧,接着最后是不是返回给他,他也不用再返回给什么发请求的人。那你想啊,最后你的浏览器看到的是我发了一个3000的请求,最后得到的数据是不是,但实际上5000是被请求了,这能听懂不?嗯,那这一个事情啊,我们的看环境,我们现在不是一个脚手架搭建了一个有开环境和生产环境嘛,开环境里面就已经有代理服务器的存在,只是说我们需要简单的做一个配置来告诉他。转发的目标地址是多少?
14:01
听懂了吧,你你目标地址都不告诉他,你说带你服务器,虽然他存在,他能帮你干活吗?不能吧,你要不告诉他目标地址,他都不知道给你转发到哪去啊,听懂不啊,说白了就要开启代理服务器,他三是存在,但是我们配置是不行的,配置非常非常简单,刚才。就这个什么意思,一看就懂,这一个是不是就我服务器的目标地址就5000嘛,对不对,什么意思。不知道。代理是不是代理,本来就是代理是吧,那也就是说我的这个配置是不是告诉我的代理服务器,让他去转发到这个地上去,但是我写的时候还是依然写的什么。3000,那我也不能写死写3000。
15:00
不,那你三千一定就对吗?不一定啊,3000不一定,我可能我刚才3001呢。你说我怎么搞?啊,我应该怎么写合适,我应该写个空串啊,就是说白了不写我也不删掉啊,我也不删了啊,也就是说,说白了我是不是写请求当前项目的这个例子,如果是3000是不是就请求3000,如果3001是不是就请求3001。这个有吗?没有吧,没有,但是如果没有带你福气,那必然是是是。但是现在会四零,是哦,这个时候一定要注意,我改了被子吧,得干嘛,重新启动服务器。好,那也就是说现在我配置好了代理服务器,来帮我去转发请求吧。对不,我们看我们的请求啊,能不能成功,会不会404,本来是不是404的。
16:00
就我现在这种写法,必然是404吧。但是有代理的存在,看还会不会是零四,其实刚才大家是不是已经看到正确的结果了啊。这都不用了,就看他就行。好,来了,来,注意观察一下密。把它干掉来看好了,走底成功没有成功了,假设我加个二等面啊。13是大坑的。什么意思,这个只能说是请求成功了吧,啊,但是我的登录成功了吗?没有,因为我的STEM是唯一是不是。这能懂不能懂,那也就是说现在大家看一下啊,看一个东西看一下注意。这个东西很重要啊,这是不是用来去看请求的那个worker对不对,那当然我现在想看的是什么样的请求。
17:03
是获取JSJS数据了吗?是获取CS数据了吗?不是,是什么?而杰请求的。那么懂这个XHR什么意思?XHR什么意思?叉LHTTP什么request对象?是不是说白了就是看加请求了呗,他不就发加请求了吗?但是大家看下面提示。And,什么意思?我们发和这子求原先的有两种方式,一种是差们X对象对不对,还有一个什么函数是不是好,我们来看一下登录。也就是说这个地方大家看呢,显示的是所有我发过来的这请求吧,我们是不是找到某一个这请求去看了,我们现在是不是要看登录的,点进去我看什么也就那看什么东西,还记得接口是不是四个组成部分的信息。
18:07
看地址对吧,还有看请求的什么方式,以及请求的什么参数数据能看到不以及。响应数据就看这四个东西,主要。能不能懂能懂啊,那你说现在我们的这一个代理服务器是不是已经帮我解决了这个问题,开发中基本上用代理服务器来解决,就配置代理很轻松嘛,没写什么代码,就写这个简单配置的。当然前提是我们是用脚手架创建的这个环境,是不是要没有脚手架帮我创建环境,我能这么轻松吗?肯定不能的。能懂不好,这个地方我刚才反复强调一个东西,估计大家没注意,是开环境才有。那生产环境我是不是打包以后再运行,默认是没有的,那个是没有的,那没有的时候,那个时候是不是另外通过其他方式去配置代理服务器。
19:07
能懂不啊,也是可以去配置,只是配置方式肯定跟这个不一样的,因为这个司机脚手架的开发环境配的啊。这个能懂吧,啊,你说开发的时候我们都是用代理来去解决什么问题,而这请求跨域的问题啊,没问题啊。
我来说两句