前言

仅以此文章记录学习历程

一、初识HTTP

HTTP (HyperText Transfer Protocol)

在这里插入图片描述
详细了解地址：web前端面试系列（这是我觉得讲的比较详细的一篇文档了）

在这里插入图片描述

如上图：主要分为三部分：

主要分为三个部分：请求方法；请求路径；http的版本

请求方法：（前4为常用方法）
在这里插入图片描述

即HTTP header fields。指在HTTP的请求和响应消息中的消息头部分

作用：它们定义了一个超文本传输协议事务中的操作参数

请求头	作用
Host	指明了请求将要发送到的服务器主机名和端口号
User-Agent	用户代理；可以用来区分软件类型，操作系统，手机还是浏览器，软件开发商等
Accept	接收类型，表示浏览器支持的MIME类型(对标服务端返回的Content-Type)
Connection	决定当前的事务完成后，是否会关闭网络连接
Upgrade-Insecure-Requests	表示客户对加密和认证响应的偏好
Content-Type	客户端发送出去实体内容的类型
Content-Length	客户端发送出去实体内容的长度
Cache-Control	指定请求和响应遵循的缓存机制，如no-cache
lf-Modified-Since	对应服务端的Last-Modified，用来匹配看文件是否变动，只能精确到1s之内
lf-None-Match	对应服务端的ETag，用来匹配文件内容是否改变 (非常精确)
Expires	缓存控制，在这个时间内不会请求，直接使用缓存，服务端时间
Max-age	代表资源在本地缓存多少秒，有效时间内不会请求，而是使用缓存
Cookie	有cookie并且`同域`访问时会自动带上
Referer	该页面的来源URL(适用于所有类型的请求，会精确到详细页面地址，csrf拦截常用到这个字段)

HTTP头部字段可以自己根据需要定义

常用于post和put等请求传递参数

主要分为三个部分：http版本；状态码；状态信息
常见状态码：
在这里插入图片描述

响应头	作用
Server	指明了服务器应用程序软件的名称和版本
Content-Type	服务端返回的实体内容的类型
Content-Length	服务端返回的实体内容的长度
Date	报文创建的日期和时间
Keep-Alive	连接的状态（可以用来设置超时时长和最大请求数）
Connection	决定当前的事务完成后，是否会关闭网络连接
Age	对象在缓存代理中存贮的时长
Last-Modified	请求资源的最后修改时间
Expires	应该在什么时候认为文档已经过期,从而不再缓存它
Max-age	客户端的本地资源应该缓存多少秒，开启了Cache-Control后有效
ETag	资源的特定版本的标识符，Etags类似于指纹
Set-Cookie	设置和页面关联的cookie，服务器通过这个头部把cookie传给客户端
Access-Control-Allow-Origin	服务器端允许的请求Origin头部 (警如为*)