00:00
好嘞,各位,那在这一小节呢,我们去给大家说一下,在开发的过程当中,如何借助vu的脚手架去巧妙的解决adjust请求跨域的这个问题,为了能说的更明白一点呢,我提前写好了两台服务器在这儿呢啊各位给大家的这个资料里面有一个057,他在这儿呢,有一个压缩包,需要大家呢去解压一下,我已经解压好了啊,打开这里边呢,有一个SERVER1和SERVER2,就是两台服务器都是拿这个node JS写的,先给大家呢运行一下这个SERVER1啊,输入CMD,然后命令呢,大家都会了node server1运行一个node JS的文件嘛,是吧?走SERVER1呢,是开在电脑的5000端口上的,这会儿呢,需要大家去记一下啊,一会儿我们要用SERVER1在5000端口,并且呢,当你访问这个地址的时候,他能给你一些学生的数据,所以说你看我这个路径的名students对吧,而且呢,它是一个普通的get请求,来我们测试一下啊,把这个地址呢给它复制过来,既然是一个普通的get请求,我就没有必要。
01:00
麻烦什么接口测试工具了是不?各位直接开个页签一粘贴一回车就可以了,因为我们知道浏览器的地址栏啊,输入地址敲回车,发出去的是get请求,正好是我们想要的,哎,学生数据呢,就就位了,而且呢,我的服务器一啊,有一个特点,就是只要有人请求他了,他都会输出一句话,有人请求服务器一了,哎,然后你刷新一次,那就又请求一次呗,那就再输出呗,回到这看一眼是吧?哎,好了,同样的套路我们去验证谁呢?那个服务器2NODE server2,服务器二呢,是开在5001端口的,这会儿呢,大家也应该去记一下啊,然后当你访问这个地址的时候呢,它能给你一些汽车的数据,所以说你看我的路径名叫cars,也是get请求,那不多说了,直接复制过来,回到浏览器里面,再开一个页签走,你汽车信息就来了啊,他也会输出这句话的,有人请求服务器二了,OK,两台服务器我都准备好了,接下来回到代码当中写点东西发出去一个。
02:00
A加请求,那我们一起来回顾一下各位常用的发送一个A加次请求的方式有哪些呢?这个人我觉得必须得先说吧,查一查,因为什么呢?他是鼻祖啊,各位叉HR是什么呀?不就是我们用的这个东西嘛,用一个叉MLHTTP对吧?Request的对象同学你肯定写过这段代码,只不过呀,你好久没写了,你曾经一定写过对不?叉HR身上还有很多API,我给你说两个,看你能不能记得啊各位查一查点open干嘛的来着,配置请求信息的嘛,那叉HR点同学send干嘛的,真正发出去一个请求吗?是不?哎,但是呢,我跟各位讲,虽然它是B组,但是在真正开发当中,没有程序员每次发请求的时候都是亲自new这个亲自调open,亲自调散的,没这么做的,为什么呀,太麻烦了啊,所以说同学我在它的前边啊,打一个红色的叉。不是说代表这东西废弃了,是代表它在真正开发当中啊,不常用啊,那怎么用呢?对吧,不用他们用什么呢?各位,一般我们都是对这个叉叉啊进行一个二次封装,这二次封装啊,有可能是你们公司的技术负责人去封装的一个,然后你们团队里的人呢,都在用,或者就是说直接采用那些成型的第三方封装,你比如说谁呢,这个人就封装过,查一查Jack que是不?我说几个API各位应该记得,Dollar浮点get记得不?还有什么呢?Dollar浮点post这些你都记得吧?哎,那除了有j query封装过叉HR还有谁封装过呢?啊,那既然聊到封装了,这个人不得不提了,那就是大名鼎鼎的谁呢?HH和jary相比,H优势在于它是promise风格的,并且呢,它支持请求拦截器和响应拦截器,并且呢,它的体积小啊,大约呢,只是jary的1/4这么一个体积啊,我们一般在react项里面,还有view项目里面,很少同学去使用JA query发送请求。
03:54
你知道为什么吗?大家想想啊,JA query这个库确实封装了加请求,但是我想问你的是,JA query这个库的核心是什么吗?同学,核心是给你封装do操作,你说对不?那我们用react,用view目的就是什么呢?减少自己操作do,那同学你想想你在react和view里面引入了一个专业操作盗墓的人,你觉得合适吗?不太合适是吧?各位,而且呢,也跟大家讲这个窄块RY这个库里面啊,呃,他将近有80%的内容都是在给你封装盗墓操作,剩下的那20%啊才是周边的一些东西,你比如说这个adjust子请求等等这些是不,你没有必要去引入这个RY啊,那用哪个呢?用好,那同学,如果啊,你当时学的时候,你听的是咱上硅谷的教程,那你对这个人应该比较熟悉谁呢?Fech它也能够发送adjust请求啊,而且值得大家注意的是JA query也好,As也好,都是对谁的封装,都是对叉HR。
04:54
R的封装,也就是说各位,如果我有这个超能力,我把叉HR给干掉了,那就意味着JA query的封装不能用了,H封装也不能用了,但是同学你听我说它跟叉HR呢是平级的,也就是叉R是GS里边内置的,你直接就能谬一个叉ML htb request对象,或者说再明白一点,同学window身上有粉色的这东西你能直接用,哎,直接就可以使用,那我告诉你同学这个也是在window这个内置的对象身上直接就有一个Fla方法,你直接就可以去使用,直接就能发请求,而且我告诉你这个Fla同学,它也是promise风格了啊,哎说老师那这么说的话,好像fech的优势很大哟,你看我想用as,我还得去引入啊,是吧,第三方的我得下载引入,然后才能用,那fech多简单呀,也是promise风格的,对吧,我拿过来就用,我也不用引入了,因为是原生就有的老师那是不是他用的也挺多的呀,同学也不少,但是他跟as相比还是谁。
05:54
现在来说用的比较多呢,As,为什么呢?各位fech有个致命的问题啊,第一个问题呢,就是它会把你返回的数据啊,包两层promise,哎,如果你听过咱上硅谷之前讲的那个fech你就明白,其实你得两次点Z你才能拿到东西对吧?哎,包了两层,这个呢,其实还好啊,最最最最致命的是fech的兼容性问题,哎同学在IE浏览器上你就甭想用这fe啊,兼容性的稍差,所以说目前呢,用的比较多的还是这个A10,我们在这一小节给大家发这个请求的时候,选择的也是A,并且同学啊,这个view的作者游禹锡呢,也公开的表达过啊,说推荐大家用A在自己的这个view项目里面呢去发送请求,所以说在这呢,我们就直接选择这个了,OK,各位不是说这块不好,同学你得看是什么场景下,想当年没有react没有view的时候,同学用这块来发请求是不是挺香的,诶,日子咱也过了对不?各位,哎,好了,那接下来呢,发个请求吧,啊,那第一件事就是这些组件全都不要了,我就。
06:54
想发个请求嘛,没有必要写那么多组件APP,这个里边来精简一下,这些东西全都给它删掉,这儿呢,删掉啊,然后这些引入全都给它干掉,配置项里面只留一个就留一个组件的名字,就这些东西全都给它删掉啊,然后样式呢,咱也不用删掉,OK了吧,各位,那第一件事儿干嘛呀,你得去下载并引入as好,那在这儿呢,NP mi什么呢?As啊,之前呢,其实我已经安装过一次了啊,那在这儿呢,再给大家还原一次啊,因为这个过程非常短,这个库本身就很小嘛,OK,下载完了,那回到这个里面,给它隐藏掉,那第一件事呢?诶隐藏掉,那第一件事呢,当然就是引入它import X from好,那在这呢,准备一个按钮,嗯,叫做获取学生信息,你先别考虑获取那个汽车信息啊,先获取学生信息,学生信息在哪呢?在5000这个服务器上呢,是不是?哎,好了,来给他一个点击事件,叫做get students。
07:54
获取学生嘛,啊,那在这呢,我就得配置一个methods,走你里边来吧,发请求h.get请求地址直接来到这边呢,去粘贴一下,把这一堆给它复制走好回来粘贴,诶没粘贴上吗?那我再来一下啊走。
08:13
复制一下啊,然后这呢也说一下,有些小伙伴说,诶老师你这能粘贴我,那怎么粘不了呢?同学,这有一个设置啊,你看一下,看一下右键有一个属性,这里边有一个叫做快速编辑模式,你把这个打开,你这个要是关闭了之后啊,各位你在这儿你就选不了了啊,当然得是你重新开启这个CMD啊,我得给它关掉,你比如说我关掉我再重新开启这个CMD的时候,输入node server1,你就发现同学你看你选不了它了,对吧?所以说尽可能的把这个快速编辑啊给它打开OK了吧,好了,来快速的再开一个node server1,好把这个地址呢给它复制过来,走回到这儿粘过来请求之后,返回的是一个promise值,这呢我就不再强调了,然后你得给两个回调,一个是成功的回调,一个是失败的回调,在这呢,我就直接用我的这个代码片段去生成了啊,成功的行参叫response,失败的叫做L啊,如果成功了,我就输出一句话,诶叫做请求成功了,然后呢,我想输出它所带回来的数据,请问我直接写response行不行,不行,因为我们都知道啊。
09:13
As设发请求成功之后,他给你的response叫做响应对象,响应对象里面的data属性才是真正服务器给你的东西,对不对?各位,哎,那失败了呢?说呗,请求是百乐,那我得输出错误的原因对不对?或者是失败的原因直接输出L也行,但是如果你只想要失败的原因,你还得取这么一个东西,Message对不对?无论是response还是arrow,其实他们都是对象,对吧?你得取得更到位一点。OK,好了,都准备好了,回到页面来,到这个里面刷新一波,给大家放大一下,同学,我要获取数据了啊,注意321走你,诶发生了这么一个问题,你得捕获这个错误的关键点啊各位,你看到了这个东西,Course,你还看到了这个东西,哎,一个什么特殊的响应头,同学捕获到了这两个东西,马上你就知道了,诶,咋的,你跨域了?同学,所谓的跨域就是你违背了同源策略,那么同源策略规定了什么呢?
10:13
规定了三个东西必须一致,哪三个东西呢?协议名,主机名,端口号,你比如说同学我目前所处的位置是不是local的8080,那你说的完整一点应该是你用的协议是HTTP,主机名是local house的端口号是8080,是不来同学整体画个图呢,跟大家说说啊,目前你所处的位置呢,是这么一个情况,用的协议啊,是HTTP啊,然后呢,主机名呢,是local host的端口号呢是8080,那同学你在这个情况下,或者在这个位置上,你想发请求联系谁呢?联系这台服务器,诶我写一个server,或者不写了,直接写他这个协议名吧,用的也是HTTP啊,那主机名呢,也是local host,那它的端口号呢是5000,前两个吧,都能对上啊,但是最后的端口号啊就废掉了,所以说同学你的呃架请求啊,刚刚是这么一个流程,就是从这个浏览器里面发出去之后啊,你的请求确实。
11:13
送到了服务器这儿,服务器呢,也收到了你本次请求,并且服务器也把数据啊交给了浏览器,但是浏览器没有进一步的给你,因为浏览器发现,诶,这哥们儿他跨域了,算了,这数据啊我握在手里了,不给他了,这是跨域,OK,各位千万不要这么说,哎呀,说一跨域啊,这请求啊连发都发不出去,同学你这么说可是错的,请求发了,服务器收了,服务器还返回了呢,但是你拿不到,OK,这块是一个细节上的问题,说老师你怎么验证啊,哎呀太简单了,各位你瞧着我把这个清掉,让我刷新一波,你看目前这个服务器一啊啊不看服务器二,看服务器一,同学是不是输出一次啊,看着321走,我又请求了一次吧,你瞧吗?有人请求服务器一了嘛,对吧,各位,那你看我这局域网也没别人请求,肯定是我刚才那次啊,对不?各位好,接下来呢,咱说说怎么解决跨域这个问题啊,首先说一个最标准的方式,各位一定是他cos这个courses解决跨域啊同学你听我说不用钱。
12:13
端人员去做任何的事情,你听过咱们那个上硅谷的加S教程,你应该能明白,Cos解决跨域其实就是写服务器的人在服务器里边给你返回响应的时候啊,加几个特殊的响应头,哎,也就是说各位你在这儿呢,多少啊,8080,你请求谁呀?5000同学我就不写那HTTP什么local house不写那些玩意了啊,你在8080,你找5000要数据去,哎,如果你是通过courses这种方式解决跨域,哎,那就简单了,各位你看着请求搜过去了,服务器呢,收到了,哎,就给你一个响应,并且你注意了,同学再给你响应的时候,携带了一些特殊的响应头,浏览器一看见这些特殊的响应头说,哎呀,虽然你跨域了,但是服务器已经表态了,这个数据要给你好了,那我一抬手数据就给你了,所以说同学cos解决跨域才是真正意义上的解决跨域啊,那说老师,那我们就这么解决吧,就直接让后端人员配置点那个特殊的响头不就得了吗,同学。
13:13
真正开发当中,这个响应头不是随便配置的,如果你配置了之后容易造成的问题就是任何人都能找你这台服务器要数据,那是不对的是不?各位你可以把自己家的一些网站配置上这个cos OK,所以说用这种方式能不能解决呀?能啊,但这种方式你得麻烦后端人员是不啊,那除了这种方式还可以怎么解决呢?有些同学啊,可能想到这个人了,哎,叫做JP同学,JP解决跨域这种方式呢,其实挺巧妙的啊,简单说一下,他其实是借助了script的标签啊,里边的src属性,在引入外部资源的时候不受同源策略限制,这么一个特点办到的是不,但是同学你听我说啊,Jasonp巧妙归巧妙,真正开发用的微乎其微,为什么?因为jasonp这种解决跨域的方式,同学得是前端人员得用点特殊的写法,后端人员呢也得去配合你,也就是说得前端后端一起努力才行,最主要的他只能解决get请求的跨域问题,Post请求解决。
14:13
不了啊,至于说你的什么delete请求啊,Put请求啊,那些都解决不了,只能解决get请求的,所以说相对来说啊,有点鸡肋,但是很巧妙啊各位,我跟你讲开发中用的少,但是面试的时候喜欢问你,哎,为啥呢?就看你知不知道这个巧劲儿是不?各位好了,那除了有这层皮还有啥呢?各位哎,那就说说开发当中用的比较多的一种方式,就是配置一个代理服务器,那怎么理解这个代理呢?来给大家呢,画一个图看好了各位啊,这是你目前所处的位置,哎,简称8080,然后这个蓝色的呢,是一台服务器,端口号呢是5000,然后代理服务器啊是这么一个存在,在他俩中间出现。哎,在这有一个中间人啊,粉色的啊,代理服务器,同学,你听我说这词儿就是它本身也是一个服务器,哎,就这粉色的东西,代理服务器最厉害的一个地方就在于它跟你所处的位置是一样的啊说师跟我所处的位置一样是啥意思呢?同学,我问一下你目前在哪儿,我们是前端人员啊同学,我嘴中的我们都是指前端啊同学,8080是你目前所处的位置对不对?好,那你听我说呀,这个代理服务器啊,跟你所处的端口号啊,嘿,一样,你80980啊,我也8080,你8090啊,我也8090,诶我就始终跟你保持一致,好各位,等你以后想要学生信息的时候,这回就有意思了,瞧着啊,各位,你别直接找5000去,那不行,这样你啊,去找这个粉丝的代理服务器,代理服务器收到了你本次请求,说哎呀这哥们儿要学生数据,随后呢,他反手就把这个请求转发给5000了,还说5000我要点学生数据,然后5000说好,那我给你五。
15:55
签就把东西给了代理服务器,那代理服务器呢,进而再把这个东西再转发给你,诶你就收到数据了,所以说同学你感受一下,你说这个代理服务器啊,是不是有点像我们生活中的房屋中介,左边是要租房子的人,右边呢是房东,是不?各位,那你看这个跨域问题不就解决了吗?同学我问一下啊,你目前所处的位置是哪儿啊?8080,你找谁要数据不也是8080吗?同学,那协议名和主机名我不说了,这是http local house8080,那这肯定也是http local8080。同学,是不是全对上了?那你说会受到那个呃同源策略的限制吗?不会是不也就是说没有产生跨域问题啊,有同学可能说这,哎老师啊,那你这两条线走不下去啊,你这两条橙色的线,老师你肯定就废掉了,那你看吧,老师你粉色的你在8080完了,你去找那个5000,那这不还跨域吗?对吧,那端口号不还对不上吗?各位你可要听好啊,这个粉色的代表的是一个什么呢?代理服务器同学你听我说粉色的是服务器。
16:55
蓝色的5000是啥?也是服务器,服务器和服务器之间打交道,传数据不用adjust哥们,Adjust是前端技术,就是说你得有浏览器,你才有window,你才有叉HR,你才有fe什么这些东西明白不?哎,也就是说各位你如果在node JS里面,你写出这个代码,它直接报错了HTTP,哎,你在NOEJS里面,同学你就写这个代码,你看他报不报错,必须报错,NOEJS里边没这东西,同学架是,呃,这个前端技术对吧?两台服务器之间打交道,用的就是最传统的HTTP请求就完事了,所以说各位同源策略根本管不到这两条线,OK啊,你看跨域问题不就解决了吗?哎,那同学可能问老师啊,那你这说的倒挺简单的,那现在我就想弱弱的问一句,这个8080粉色的代理服务器我得怎么开呀?哎,各位方法呢有很多啊,首先给大家说一个经典的啊,开启8080的这么一个方式。
17:55
啊,你可以利用这个东西,就是如果你对后端比较熟悉的小伙伴啊,你知道这个东西NGX,哎同学,非常经典的一个反向代理服务器是不是?哎,当然NJ也能做什么服务器负载均衡这些咱就不提了啊说老师那你是不是得给我讲讲啊,NJ怎么去开这代理服务器啊,啊同学N呢,学习成本相对来说高一点,并且呢,你得对后端的技术啊有一定了解,你再去接触这个NG,否则你接触的只是皮毛是吧?各位,所以说在这呢,我们不给大家讲如何利用NGX去开启这个代理服器,给大家讲一个更加简单的,那就是第二种,同学借助谁呢?听我说借助v c Li,就是借助V脚手架,它就能帮我们开启一个代理服务器啊,就简单说,同学,现在你想开启一个粉色的8080,你要拿NGS开挺麻烦的,你得学很多东西,但是如果你借助vu脚手架,同学你信不?四行代码开完,诶特别简单,所以说接下来同学这才是我们的重头戏,那么在真正写之前,我请各位跟我回顾一下同学代理。
18:55
服务器的端口号是多少?哎,跟我们保持一致,也是8080,以后发请求要东西的时候不要再写5000了,写什么呢?8080是不是就可以了?来接下来呢,教大家如何去配置出来一个代理服务器,那同学既然你想对脚手架进行配置,那你说你得动哪个文件呢?那肯定能想到这个文件view点空点JS肯定是在这里面写一些奇奇怪怪的东西,然后那个粉色的8080,那个代理服务器是不是就开起来了,那到底写什么呢?我也不知道,咱们是不是得看文档去,好了,各位打开view的文档,找到它那个生态资源吧,哎,生态系统是吧,在这有一个VC脚手架打开。
19:36
配置参考在这有这么一个东西,嗯,Dev server prox啊,Devr是什么意思呢?就是开发者服务器,说老师这怎么又出来一个服务器呢?来跟大家说一下这些东西啊,你得明确,目前来说在我电脑上有两台服务器啊,或者准确点说各位有三台服务器,来哪三台呢?你听我说一台服务器呢,是开在我本机8080端口号上的一台服务器,就是这个东西,为啥要开启它呢?为了支撑我脚手架的运行,对吧?各位,那谁帮我开的呢?啊,当然是咱们用的这个东西呗,View杠,Cri里边的一些配置,人家帮我开的对不对啊,那电脑上还有哪两台服务器呢?同学你没忘吧,有一个5000,还有谁呢?诶,再来一个就是那个5001,一会儿同学我配置完东西之后,我电脑上会再开启一个服务器,粉色的,并且端口号也是什么呢,8080,哎是吧,哎,这些都是服务器啊,都是服务器,好了来开始写写啊,回到这个里面,看看他怎么说的,这DV server proxy,这个proxy什么意思呢?诶,点一下啊回来。
20:36
Pro这个单词本身就有代理的意思,各位d server就是开发的时候如何去配置代理啊,就是这么回事,同学代码都给你写好了,你要做的就是拿过来就可以了,把这个给它复制,上边的就别再复制了,只复制里边的这个配置,复制回到这个里面,同学在这敲一个小逗号的东西拿过来,OK,写好处是叫做开启代理服务器,那同学这肯定不能写4000,你说写几千比较合适呢?看你听没听懂。
21:10
哎,有同学说老师是不是得写8080啊同学,8080不用你操心,咱说了你目前所处的位置是8080,那么这个代理服务器的端口号也是8080,这儿不用你管,你只需要告诉这个代理服务器一会儿要把请求转发给谁就得了,所以说同学在这儿呢,不应该写4000,写几千,写5000,注意同学不要再往后写了,哎呀,老师,5000下的students,同学你可给我停这块,我们只需要写到这个端口号就可以了,不要再写后边具体的路径了,哎,就写到这儿,同学你这么一写不要紧,我告诉你一个粉色的代理服务器就开启了啊朱老师,那我想用一下,诶用之前呀,要做一件事儿,回到这边先把这个脚手架呀给它停掉,大家没忘吧,因为你改了脚手架的配置吗?啊按那个CTRLC,诶这太多了,来往下划一下CTRLC,诶CTRLC给它停掉,然后呢,重新启动走。
22:08
等会儿啊,必须得重新启动,否则他不会开启代理服务器的。OK,开起来了吧,诶说老师这回妥了啊,就像你说的,你看这是我的这个前台是吧,我这写的是这个8080完了呢,现在也有这个粉色的了,完了他也是什么呢?诶8080完了,现在呢,他能转发请求给这个5000了,老师,那现在肯定成了,现在我一点肯定没有跨域问题了,那你试试吧,嗯,刷新一波啊321走你嘿,舒老师这是让人活泼了,这不还有跨域问题吗?同学,你忘改了一个地方,嗯,忘改哪了呀,咱一再强调你所处的位置是8080,代理服务器这块是多少呢?8080,然后服务器在哪呢?真正的服务器存数据的是不是5000呢?各位你别忘了,你发请求的时候你得联系8080,诶回到你的代码里面,各位你看看,就以目前你的写法,你找谁要数据,你找5000同学,那就非常搞笑了,代理服务器在不在在但是你没用啊,所以说同学不要再写5000了,写多少8080,但是后边这你得写上,你不写死students,人家知道你要啥呀,是吧?哎,你要这么写同学那就是啊,我要找8080要数据,那要啥呢?那你没说呀,对吧,各位说明。
23:16
快点,我要什么呢?要students次,OK啊,朱老师这回就行了,是的,来看一下效果啊,刷新一波321走你同学,你看看学生数据是不是回来了,哎,整体捋顺一遍,我们在这儿,哎,是8080,刚才我把请求啊发给了粉丝的代理服务器,它也在8080,所以不存在跨域问题,8080随后就把请求转发了,给谁呢?5000 OK,这不就行了吗?但这里面有两个细节上的问题,我得跟大家说一下,首先第一个问题就是这个代理服务器8080不是把所有的请求都转发给5000。是吧,刚才通过我的描述,可能大家觉得,哎,老师明白了,就这8080啊,这代理服务器啊,收到任何的请求啊,都转发给5000,哎不是说老师那什么时候他不把这个请求转发给5000呢?哎,我先给你说一下,就是当你请求的资源8080本身就有,那么他就不会把请求转发给5000,说老师没懂什么叫8080本身就有啊来同学,我给你测试一下啊,你看着回到这儿打开public文件夹,同学,Public文件夹就相当于我们8080这台服务器的跟路径,什么叫跟路径呢?就是8080这台服务器到底里面有什么内容,那就看public里面有什么,你比如说我给大家呢,随便写两个啊,我在这写一个test.txt啊同学,我的public里面有几个文件呀,有三个,分别是图标页面,还有一个TXT,里边随便写点东西啊,112233。
24:54
好了,各位你看效果啊,回到页面呢,我去修改这个地址,我说我想找8080啊,要test.txt各位你看我敲回车啊,哎,我拿没拿到112233拿到了吧,哎,我说我找这8080啊,要这图片对吧,省着我自己敲了名字复制过来,嗯,诶8080。
25:18
我要这网站页签图标,诶,你看他给我了啊,再比如说我找到我的授课素材在这里呢,找到这个view的这个图标,给它摁住,给它放在这个里面view.png,诶同学你看public里面有什么,哎,回到我这边这个8080里面啊,它就有什么,你比如说我想要这个view.png走同学你看是不是给你了啊,也就是说同学public这个文件夹里边有的东西都算是8080有的,如果有一天各位你看好了,你这个里面出现了这么一个东西啊,叫做student,老师你写错了,你没写文件后缀,同学我就不写后缀,我不是students.atml也不是students.js,就叫students,就这么一个文件,那这回呢,它就出事了,里边呢随便写点东西啊a abbccc同学你看好了,我在这是不是发请求了,诶我找谁要东西,我找8080要东西,我要啥?我要students,那我问各位。
26:18
这有没有students,有没有有,那你听我说,他就直接把前端的这个students啊就给你了,他不会再把这个东西转发给5000了,因为自己这已经找到student了,那这样我先不拿students做测试,我拿这个做测试,你看着啊,各位,我写一个test.tst啥意思,我找8080要谁要这个test的文本,那这回呢,你看一下啊各位回到这儿。然后呢,8080,嗯说老师,那你要想看页面,你不得这么写吗?index.html吗?你这么的不看页面吗?那你之前怎么不写后边这呢,你就直接写8080同学,我直接写的8080,完了人家脚手架啊,里边有配置,人家说如果你不说后边你要啥,那我就默认把音带点填表给你,哎,所以说我们不用去写那个音带点的填表走同学是不是能看到这个啊,那你看着321走,你各位你看112233那是谁呀,不就是这个test里的内容吗?啊,而且你看这同学他没有把请求转发给服务器一,这一在这儿是不?你看目前是一个两个,三个,四个五个,是不是五个输出或者这样给你停掉啊,我重新去开启这个服务器一啊,这样我停掉之后,我再给他清一下来,同学服务器一现在是不是没人请求啊,那回到这儿,同学你看着刷新一波321走,你我自己家有student啊,或者说在这我自己家有这个。
27:37
有这个,有这test t SD,他会把东西转发过来吗?啊,EE在这是吧?哎,调一下位置啊,这调不了,就这么地吧,同学问你转发给一了吗?没有是不?哎那你说如果要是这种情况啊,那怎么办?我是不是找8080要students,这有没有students呢?看这有没有,有那他就会把8080的给你哦,你得到的就是a ABB CC,你不会得到5000这边真正的学生数据在这儿是吧?你不会得到这个真正的数据,那你看一下效果,各位啊,我刷新一波啊,瞧着321走,你你看ABABC,哎,所以说你看是存在这么一个小问题的啊,还有就是什么呢?同学用这种方式去配置代理吧,打开这个你是不能够配置多个代理的,也就是说你的这个代理的8080,就这个粉色的8080,他只能把请求转发给5000,他不能再转给别人了,老师,那我改成5001,那就不转发给5000了,你不能配置多个是不?所以说这种配置代理的方式同学简单,但是也有两个不完美对不对?第一个不完美就是不能够配置多个代理。
28:37
第二个不完美,就是刚才我们所说的咋的你不能够灵活的控制,你到底走不走代理,你只能是说,哎呀,我请求的东西这儿没有了,然后咋的我再走代理,然后再转发,那如果有呢,是吧,那你就走不了代理吗?就纵使你这块有students,但是我这个发加请求我是啥意思,我想要5000的students对吧,各位,哎,所以说这种方式呢,同学你不能说他垃圾啊,也挺好的,就是有一点小小的不完美啊,在下一小节呢,我们给大家讲这个配置代理的方式二,就把这个东西给它解决了,OK,那这一小节呢,我们停一下。
我来说两句