http请求响应系列01_做了这么多的请求和响应，你知道你都干了些啥吗？请求报文详解

柔光的暖阳◎ 2022-10-13 02:00 4阅读 0赞

## 一、做了这么多的请求和响应，你知道你都干了些啥吗？ ##

请看 [请求和响应的深入了解系列01][01]

## 二、请求报文 ##

## 1、请求报文的详解 ##

上篇文字讲的“请求报文和响应报文”，本篇主要解释请求报文包括的内容。

请求报文的内容包括三部分，分别是： 请求行，请求头，空行，请求体。除了空行是分隔的作用，其它三部分放的都是信息。

**用汉语的语法解释请求头，请求体的关系。**

请求体是主体，是请求时传给后端的主体信息。请求头是附属信息。

对比汉语。请求体就是宾语。请求头是修饰词（如：定语，状语，补语）。

举个栗子：

“我今天去火车站接女朋友”，这句话核心表达的意思（经过缩句）：我接女朋友。

请求体：女朋友

请求头有：时间：今天；地点：火车站；

### **1）、请求行** ###

请求行包括：前端请求时的请求方法（method），请求路径（URL）, 请求时所使用的的HTTP协议的版本

例如：GET /index.html HTTP/1.1

get方法将数据拼接在url后面，传递参数受限

请求方法有：GET、POST、HEAD、PUT、DELETE、OPTIONS、TRACE、CONNECT

### **2）、请求头** ###

有若干键值对，一般属于附属信息（什么是附属信息？哈哈，很吓人，其实就是汉语中的修饰相关的词语（如：定语，状语，补语））

**User-Agent：**产生请求的浏览器类型。 **Accept**：客户端可识别的内容类型列表。告诉S端，我B端可以接受的（响应）内容类型，如： text/plain ，表示我只能接受文本，你发图片我不认识。Accept是可以接受多个类型，如：text/html; image/webp

**Accept-Language**：告诉S端，我B端可以接受（认识）的语言，如： zh-CN，表示中文

**Accept-Encoding** : 告诉S端，我B端可以接受的编码类型 ，如： gzip

**Host：**主机地址（表示服务器的域名以及服务器所监听的端口号。）

**Cache-Control** : 缓存控制，如： no-cache；表示客户端不缓存此次响应的内容。

**Cookie**: 请求时携带的cookie。这里面除了本地cookie保存的数据外，一般还会有sessionId。

**Referer：** 表示这个请求是从哪个URL过来的 。

**content-type:** B端发给S端的数据类型描述，如：application/json 。

**content-length:** 请求体的长度

………………………………

附：请求头包含的信息（可以不用看）

<table> 
 <thead> 
  <tr> 
   <th><strong>协议头</strong></th> 
   <th><strong>说明</strong></th> 
   <th><strong>示例</strong></th> 
   <th><strong>状态</strong></th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Accept</td> 
   <td>可接受的响应内容类型（Content-Types）。</td> 
   <td>Accept: text/plain</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Accept-Charset</td> 
   <td>可接受的字符集</td> 
   <td>Accept-Charset: utf-8</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Accept-Encoding</td> 
   <td>可接受的响应内容的编码方式。</td> 
   <td>Accept-Encoding: gzip, deflate</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Accept-Language</td> 
   <td>可接受的响应内容语言列表。</td> 
   <td>Accept-Language: en-US</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Accept-Datetime</td> 
   <td>可接受的按照时间来表示的响应内容版本</td> 
   <td>Accept-Datetime: Sat, 26 Dec 2015 17:30:00 GMT</td> 
   <td>临时</td> 
  </tr> 
  <tr> 
   <td>Authorization</td> 
   <td>用于表示HTTP协议中需要认证资源的认证信息</td> 
   <td>Authorization: Basic OSdjJGRpbjpvcGVuIANlc2SdDE==</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Cache-Control</td> 
   <td>用来指定当前的请求/回复中，是否使用缓存机制。</td> 
   <td>Cache-Control: no-cache</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Connection</td> 
   <td>客户端（浏览器）想要优先使用的连接类型</td> 
   <td>Connection: keep-alive Connection: Upgrade</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Cookie</td> 
   <td>由之前服务器通过Set-Cookie设置的一个HTTP协议Cookie</td> 
   <td>Cookie: $Version=1; Skin=new;</td> 
   <td>固定：标准</td> 
  </tr> 
  <tr> 
   <td>Content-Length</td> 
   <td>以8进制表示的请求体的长度</td> 
   <td>Content-Length: 348</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Content-Type</td> 
   <td>请求体的MIME类型 （用于POST和PUT请求中）</td> 
   <td>Content-Type: application/x-www-form-urlencoded</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Date</td> 
   <td>发送该消息的日期和时间（以<a href="https://blog.csdn.net/weixin_34018202/article/details/93516123#section-7.1.1.1" rel="nofollow">RFC 7231</a>中定义的"HTTP日期"格式来发送）</td> 
   <td>Date: Dec, 26 Dec 2015 17:30:00 GMT</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Expect</td> 
   <td>表示客户端要求服务器做出特定的行为</td> 
   <td>Expect: 100-continue</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>From</td> 
   <td>发起此请求的用户的邮件地址</td> 
   <td>From: <a href="mailto:user@itbilu.com" rel="nofollow">user@itbilu.com</a></td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Host</td> 
   <td>表示服务器的域名以及服务器所监听的端口号。如果所请求的端口是对应的服务的标准端口（80），则端口号可以省略。</td> 
   <td>Host: www.itbilu.com:80Host: <a rel="nofollow">www.itbilu.com</a></td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>If-Match</td> 
   <td>仅当客户端提供的实体与服务器上对应的实体相匹配时，才进行对应的操作。主要用于像 PUT 这样的方法中，仅当从用户上次更新某个资源后，该资源未被修改的情况下，才更新该资源。</td> 
   <td>If-Match: "9jd00cdj34pss9ejqiw39d82f20d0ikd"</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>If-Modified-Since</td> 
   <td>允许在对应的资源未被修改的情况下返回304未修改</td> 
   <td>If-Modified-Since: Dec, 26 Dec 2015 17:30:00 GMT</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>If-None-Match</td> 
   <td>允许在对应的内容未被修改的情况下返回304未修改（ 304 Not Modified ），参考 超文本传输协议 的实体标记</td> 
   <td>If-None-Match: "9jd00cdj34pss9ejqiw39d82f20d0ikd"</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>If-Range</td> 
   <td>如果该实体未被修改过，则向返回所缺少的那一个或多个部分。否则，返回整个新的实体</td> 
   <td>If-Range: "9jd00cdj34pss9ejqiw39d82f20d0ikd"</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>If-Unmodified-Since</td> 
   <td>仅当该实体自某个特定时间以来未被修改的情况下，才发送回应。</td> 
   <td>If-Unmodified-Since: Dec, 26 Dec 2015 17:30:00 GMT</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Max-Forwards</td> 
   <td>限制该消息可被代理及网关转发的次数。</td> 
   <td>Max-Forwards: 10</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Origin</td> 
   <td>发起一个针对<a href="http://itbilu.com/javascript/js/VkiXuUcC.html" rel="nofollow">跨域资源共享</a>的请求（该请求要求服务器在响应中加入一个Access-Control-Allow-Origin的消息头，表示访问控制所允许的来源）。</td> 
   <td>Origin: <a href="http://www.itbilu.com" rel="nofollow">http://www.itbilu.com</a></td> 
   <td>固定: 标准</td> 
  </tr> 
  <tr> 
   <td>Pragma</td> 
   <td>与具体的实现相关，这些字段可能在请求/回应链中的任何时候产生。</td> 
   <td>Pragma: no-cache</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Proxy-Authorization</td> 
   <td>用于向代理进行认证的认证信息。</td> 
   <td>Proxy-Authorization: Basic IOoDZRgDOi0vcGVuIHNlNidJi2==</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Range</td> 
   <td>表示请求某个实体的一部分，字节偏移以0开始。</td> 
   <td>Range: bytes=500-999</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Referer</td> 
   <td>表示浏览器所访问的前一个页面，可以认为是之前访问页面的链接将浏览器带到了当前页面。Referer其实是Referrer这个单词，但RFC制作标准时给拼错了，后来也就将错就错使用Referer了。</td> 
   <td>Referer: <a href="http://itbilu.com/nodejs" rel="nofollow">http://itbilu.com/nodejs</a></td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>TE</td> 
   <td>浏览器预期接受的传输时的编码方式：可使用回应协议头Transfer-Encoding中的值（还可以使用"trailers"表示数据传输时的分块方式）用来表示浏览器希望在最后一个大小为0的块之后还接收到一些额外的字段。</td> 
   <td>TE: trailers,deflate</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>User-Agent</td> 
   <td>浏览器的身份标识字符串</td> 
   <td>User-Agent: Mozilla/……</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Upgrade</td> 
   <td>要求服务器升级到一个高版本协议。</td> 
   <td>Upgrade: HTTP/2.0, SHTTP/1.3, IRC/6.9, RTA/x11</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Via</td> 
   <td>告诉服务器，这个请求是由哪些代理发出的。</td> 
   <td>Via: 1.0 fred, 1.1 itbilu.com.com (Apache/1.1)</td> 
   <td>固定</td> 
  </tr> 
  <tr> 
   <td>Warning</td> 
   <td>一个一般性的警告，表示在实体内容体中可能存在错误。</td> 
   <td>Warning: 199 Miscellaneous warning</td> 
   <td>固定</td> 
  </tr> 
 </tbody> 
</table>

### **3）、空行** ###

发送回车符和换行符，通知服务器以下不再有请求头。即请求头结束了。

### 4）、请求体 ###

请求体里是前端给后端发送的数据，一般特指，用post，delete，put等方式（非get方式）发送的数据。

是键值对连接起来的字符串： username=张三疯&pass=123

## 2、在chrome如何查看请求报文 ##

**1）、打开google浏览器**

**2）、在浏览器空白处点右键，选择“检查”，**

**3）、选择network**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW5nNzcwMTAzNw_size_16_color_FFFFFF_t_70][]

**4）、在浏览器发送请求，会看到在下方出现了请求（如：books）。**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW5nNzcwMTAzNw_size_16_color_FFFFFF_t_70 1][]

**5）、点击 books**在右边出现了 Headers，Headers下方是 General，response Headers，Request Headers

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW5nNzcwMTAzNw_size_16_color_FFFFFF_t_70 2][]

**6）、General**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW5nNzcwMTAzNw_size_16_color_FFFFFF_t_70 3][]

**7）、response Headers**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW5nNzcwMTAzNw_size_16_color_FFFFFF_t_70 4][]

响应头信息（下篇文章做讲解）

**8）、Request Headers**

这就是请求头信息，当然不同的浏览器，不同的请求，会显示请求头中不同的键值对。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW5nNzcwMTAzNw_size_16_color_FFFFFF_t_70 5][]

#  #

[01]: https://zhuanlan.zhihu.com/p/343886485
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW5nNzcwMTAzNw_size_16_color_FFFFFF_t_70]: /images/20221005/ba3c54ec0783486a9edd3079b0435fe7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW5nNzcwMTAzNw_size_16_color_FFFFFF_t_70 1]: /images/20221005/d8b91858d4234cfe80c77a200ffd2c53.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW5nNzcwMTAzNw_size_16_color_FFFFFF_t_70 2]: /images/20221005/c1ca356959e74b749f1e04403a38f060.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW5nNzcwMTAzNw_size_16_color_FFFFFF_t_70 3]: /images/20221005/86d5b5d6461e481c8a1bb79c620cf2b1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW5nNzcwMTAzNw_size_16_color_FFFFFF_t_70 4]: /images/20221005/4dcf77d2d4044255940278d462dbf1aa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW5nNzcwMTAzNw_size_16_color_FFFFFF_t_70 5]: /images/20221005/2ac29e926fc5452ba1cc1701feb08edf.png