客户端（Client）/服务器端（Server）
请求（Request）/响应（Response）
一、HTTP协议请求方法
请求方法包含15种之多
- HTTP/1.0 定义了3种基本方法：
GET、POST、HEAD。 - HTTP/1.1 新增了5种方法：
OPTIONS、PUT、DELETE、TRACE、CONNECT。 - 其他方法（如
PATCH、MOVE、COPY等）由扩展标准（如WebDAV）引入。
常用的4种：
| 序号 | 方法 | 描述 | 示例 | 备注 |
|---|---|---|---|---|
| 1 | GET | 请求指定资源，返回实体主体（通常用于读取数据）。 | GET /products/123 HTTP/1.1 | 参数在URL中传递，可被缓存，不应有副作用（如修改数据）。 |
| 2 | POST | 向服务器提交数据（如表单、文件），可能导致资源创建或修改。 | POST /users HTTP/1.1 |
数据在请求体中，无长度限制，适用于非幂等操作（如创建订单）。 |
| 3 | PUT | 替换目标资源的全部内容（全量更新）。 | PUT /products/123 HTTP/1.1 |
幂等方法（多次调用结果相同），若资源不存在可能创建新资源。 |
| 4 | DELETE | 请求删除指定资源。 | DELETE /products/123 HTTP/1.1 | 服务器可能返回204 No Content或404 Not Found。 |
思考并查找GET和POST的区别？
1.提交的方式不同
2.所支持的编码及格式不同
3.传输数据的大小不同
4.安全性
5.速度上
GET比POST 传输速度要快。
二、HTTP数据包的内容
1.「请求格式」：一个典型的HTTP请求包括以下部分：
•请求行（包含方法、URL、HTTP版本）
•请求头（包含请求的附加信息，如Host、User-Agent等）
•空行（请求头和请求体之间的分隔）
•请求体（可选，包含发送给服务器的数据）
2.「响应格式」：一个典型的HTTP响应包括以下部分：
•状态行（包含**HTTP版本、状态码、状态消息）
•响应头（包含响应的附加信息，如Content-Type、Content-Length等）
•空行（响应头和响应体之间的分隔）
•响应体（服务器返回的数据内容）
三、HTTP协议Header
1.User-Agent Header
更改成iPhone浏览器查看网页【规则】→【User-Agents】
2.Referer Header：统计用户来源和防盗链
很多网站上的图片链接设置了防盗链机制，从我的网站请求图片会返回403错误，但直接在浏览器中打开图片的url时却又正常。
突破防盗链机制：使用referrer-killerhttps://www.cnblogs.com/chutianyao/p/4225587.html
四、Web网页抓包和Fiddler修改包
父请求、子请求
五、Fiddler修改HTTP请求
全局断点：
1.在百度中输入关键字“前端”，利用修改请求，将关键字改为“test”
2.同理自己尝试一下，如何利用修改请求，将百度的url改为“163网易”
单个断点：
通过快捷键 Alt + q 可以将焦点定位到命令行输入框（小黑框）中
命令行中输入命令：bpu 服务器地址，按Enter键，例如：www.baidu.com;命令行中输入：bpu 退出断点
六、HTTP缓存
为什么要有 HTTP 缓存
- 目的：减少网络请求，加快加载速度，降低服务器压力，提升用户体验。
- 本质：浏览器在本地存储资源副本，下次请求时直接复用，或确认是否需要更新。
- 分类：强缓存（不用问服务器）、协商缓存（需要问服务器）
304状态代表使用缓存，使用了缓存就没有响应体
F5、Ctrl+F5（强制刷新，不使用缓存的刷新）
服务器如何判断是否使用缓存？
1.最后修改时间
2.Etag字符串
浏览器缓存判定流程
（1）是否有强缓存（Expires/Cache-Control）且未过期？
✅ 命中 → 直接用本地副本。
❌ 过期 → 进入协商缓存。
（2）是否有协商缓存标识（ETag/Last-Modified）？
✅ 发送请求，带上标识。
资源没改 → 返回 304，用本地缓存。
资源更新 → 返回 200，替换本地缓存。
❌ 没有标识 → 只能重新请求。
缓存的存放位置
浏览器缓存分层存放，命中优先级不同：
Service Worker Cache（最高优先级，开发者可控）
Memory Cache（内存缓存，页面关闭即失效）Windows PowerShell窗口输入命令：wmic memcache list
Disk Cache（磁盘缓存，长期有效）控制面板→网络和Internet选项→Internet选项→常规→设置
Push Cache（HTTP/2 特有，生命周期极短）
前端应用设置
1.静态资源（JS/CSS/图片）例如：Cache-Control: public,max-age=31536000（强缓存）
2.HTML一般不做长期强缓存，因为要随时更新。例如：Cache-Control: no-cache
浏览器每次都会请求服务器，但如果内容没变，返回 304。
3.API数据
- 静态数据（如字典表）：可长时间缓存。
- 动态数据（如用户信息）：一般
no-cache或private, max-age=0。