HTTP简介

本文主要介绍http的请求与响应，如何用Chrome开发者工具查看 HTTP 请求内容，如何用Chrome开发者工具查看 HTTP 响应内容，以及如何使用 curl 命令。

一、http请求
1、http请求的格式

第一部分：动词 路径 协议/版本
第二部分 Key1: value1
第二部分 Key2: value2
第二部分 Key3: value3
第二部分 Content-Type: application/x-www-form-urlencoded
第二部分 Host: www.baidu.com
第二部分 User-Agent: curl/7.54.0
第三部分 回车
第四部分 要上传的数据

提示：
请求最多包含四部分，最少包含三部分。（也就是说第四部分可以为空）
第三部分永远都是一个回车（\n）
动词有 GET POST PUT PATCH DELETE HEAD OPTIONS 等
这里的路径包括「查询参数」，但不包括「锚点」
如果你没有写路径，那么路径默认为 /
第 2 部分中的 Content-Type 标注了第 4 部分的格式

2、用Chrome开发者工具查看 HTTP 请求内容

按F12进入开发者界面，打开 Network

image.png

地址栏输入网址

image.png

在 Network 点击，查看 request，点击「view source」
点击「view source」

image.png
image.png
image.png

如果有请求的第四部分，那么在 FormData 或 Payload 里面可以看到

二、http响应

1、http响应的格式

第一部分 协议/版本号 状态码 状态解释
第二部分 Key1: value1
第二部分 Key2: value2
第二部分 Content-Length: 17931
第二部分 Content-Type: text/html
第三部分 回车
第四部分 要下载的内容

2、用Chrome开发者工具查看 HTTP 响应内容

按F12进入开发者工具，打开 Network

image.png

输入网址
选中第一个响应

image.png

查看 Response Headers，点击「view source」
你会看到响应的前两部分

image.png
image.png

查看 Response 或者 Preview，你会看到响应的第 4 部分

三、如何使用 curl 命令
打开 git bash
1、请求示例一
命令行输入：curl -s -v -H -- "https://www.baidu.com"

image.png
往下拉，，，查看请求内容
image.png
2、请求示例二
命令行输入：curl -X POST -s -v -H "Frank: xxx" -- "https://www.baidu.com" image.png
往下拉，，，查看请求内容
image.png
3、请求示例三
命令行输入：curl -X POST -d "1234567890" -s -v -H "Frank: xxx" -- "https://www.baidu.com"
image.png
往下拉，，，查看请求内容
image.png