[上海|结业弟子]JS-赵朋|2020年07月11日的日报-技能树.IT修真院

发表于： 2020-07-11 21:53:10

1 2445

今日完成:

梳理

理解网站整个流程，和nginx的代理和反向代理更深入的认知

一个正常网站完整的操作流程:

浏览器输入一个网址,给浏览器返回一段js代码,这个代码中包含了一个URL地址,浏览器自发的向这个地址发送请求,

正常是返回数据,呈现页面,原网址和返回的URL地址就发生了跨域(不是一个地方)

客户端向前端服务器请求数据,服务器返回静态资源的页面,还包含js代码,js代码又向后端服务器发送请求,接收动态资源填充页面,这就是页面完整的动态资源和静态资源的组合(这种场景的出现导致跨域)

误区：

自己写的登陆页面，相当于代理http://dev.admin.carrots.ptteng.com/

即，是在原网址上套一层自己写的登录页外皮，输入的账号和密码，相当于输入到原网址，

通过原网址脚本来应用

正确：http://dev.admin.carrots.ptteng.com/仅仅只是个接口，让自己写的登录可访问到它所连接的服务器

脚本操作全要自己写，跟原页面的代码没有联系

分析res缩写,看了下箭头函数怎么写的,省略了什么

.then(res => console.log(res))

 .catch(err => console.log(err))

查看vue asios基础语法范例

描述:

get是请求网址

.then连接的箭头函数中response就代指服务器响应的数据,根据在实例中更改,

response应该是代指的参数,而不是特指的参数

即: .then(aa => (this.info = aa))

能得到同样的效果

response又作为实参,带入到箭头后面函数中的运行中,这里是为info赋值

.catch两个效果一致,一个是用的箭头函数

ps:在这里箭头后面的函数体加不加括号都能正常显示,也许是因为只有一行函数,最好还是加上括号

描述:在html和js中合起来,显示name的值,给info赋值相应数据中的sites数组,然后遍历数组

其中site是自定义的,就是把数组info=sistes[... ]中的数据遍历也就是都显示出来,可以是aa in info也可以是bb in info,不过插值语法中就要显示{{aa //or bb}}

ps: for遍历注意：

1.response.data.sites.name然后直接遍历不行

原因:要精确到某一个值,或者某一个整体,有多个分散的name键值对,所以不行

2.js代码中response.data.sites[0]这种也不行,显示错误,原因待查,先记住不能这样写

3.html代码中{{ site.name[4] }}同样不行,显示的是每一个name的第几个字母

4.在html代码中{{site[0]}}想显示数组中的某一组对象,是错误的,原因待思考

返回列表