这是我参与「第五届青训营 」伴学笔记创作活动的第6天
青训营课程笔记
一、HTTP介绍
HTTP协议定义
HTTP——超文本传输协议（Hyper Text Transfer Protocol，HTTP）是一个简单的请求-响应协议，属于应用层协议，基于TCP的协议，简单可扩展
HTTP协议分析
HTTP请求方法
- GET: 请求一个指定资源，使用GET请求一个只被用于获取数据
- POST: 将实体提交到指定的资源
- PUT: 向指定资源位置上传其最新内容
- DELETE: 删除指定资源
- HEAD: 与GET方法一样，请求一个与GET请求的响应相同的响应，但没有响应体
- TRACE: 回显服务器收到的请求，主要用于测试或诊断
- OPTIONS: 用于描述目标资源的通信选项
- CONNECT： 建立一个到由目标资源标识的服务器的隧道
- PATCH:用于对资源应用的部分修改
状态码
| 状态码 | 表示意思 |
|---|---|
| 200 OK | 客户端请求成功 |
| 301 | 资源（网页等）被永久转移到其他URL |
| 302 | 临时跳转 |
| 401 Unauthorized | 请求未经授权 |
| 404 | 请求资源不存在，可能是输入了错误的url |
| 500 | 服务器内部发生了不可预期的错误 |
| 504 Gateway Timeout | 网关或者代理的服务器无法在规定时间内获得想要的响应 |
常用请求头
| 请求头 | 表示意思 |
|---|---|
| Accept | 接收类型，表示浏览器支持的MIME类型 |
| Content-Type | 客户端发送出去的实体类内容 |
| Cache-Control | 指定请求和响应遵循的缓存机制，如no-cache |
| if-Modified-Since | 对应服务端的Last-Modified,用来匹配看文件是否变动，精确到1s内 |
| Expries | 缓存控制，在这个时间内不会请求，直接使用缓存 |
| Max-age | 代表资源在本地缓存多少秒，有效时间内不会请求，使用缓存 |
| if-None-Match | 对应服务端的ETag,用来匹配文件内容是否改变 |
| Cookie | 有cookie并且同于访问时自动带上 |
| Referer | 该页面的来源URL |
| Origin | 最初的请求是从哪里发起的 |
| User-Agent | 用户客户端的一些必要信息 |
常用响应头
| 响应头 | 表示意思 |
|---|---|
| Content-Type | 服务器返回的实体内容的类型 |
| Cache-Control | 指定请求和响应遵循的缓存机制，如no-cache |
| Lat-Modified | 请求资源最后修改时间 |
| Expries | 应该在什么时候认为文档已经过期，从此不再缓存它 |
| Max-age | 客户端的本地资源应该缓存多少秒，开启Cache-Control |
| ETag | 资源的特定版本的标识符，Etags类似于指纹 |
| Set-Cookie | 设置和页面关联的cookie |
| Server | 服务器的一些相关信息 |
| Aceess-Control-Allow-Origin | 服务器端允许的请求Origin头部 |
HTTP/2
HHTP/2更快、更稳定、更简单
HHTP/2连接都是永久的，而且需要每个来源一个连接
场景分析
静态资源
可在Network中查看网页的静态资源如：CSS样式
也可查看Response Headers响应头
登录
使用账号密码登陆，打开控制台，点network勾选preserve log 过滤quick_login,可观察请求 下一次进入页面为什么能记住登陆态？ 我的理解是在Max-age有限缓存时间内，不会进行请求，登陆信息在缓存中获得
学习总结
本次学习了HTTP协议，关于HTTP的请求头、响应头、状态码等，这些在网页控制台查看相应的静态资源以及请求响应等信息有很大帮助
