说说你理解的HTTP request 报文结构是怎样的？

在前端开发中，HTTP 请求报文是浏览器与服务器之间通信的基础。一个完整的 HTTP 请求报文通常由以下几个部分组成：

1. 请求行（Request Line）：

   • 请求方法（Request Method）：常见的请求方法包括 GET、POST、PUT、DELETE、PATCH 等。GET 方法通常用于请求数据，POST 方法通常用于提交数据。
   • 请求 URL（Request URL）：即请求的资源地址，包括协议（如 http 或 https）、域名、端口（如果指定了的话）、路径和查询参数（如果有的话）。
   • HTTP 版本（HTTP Version）：通常是 HTTP/1.1 或 HTTP/2。

   示例：

   GET /search?q=http+request+structure HTTP/1.1
   

2. 请求头（Request Headers）：

   • 请求头包含了一系列键值对，用于传递有关客户端、请求和资源的元数据。
   • 常见的请求头包括：
     • Host：指定请求的资源所在的服务器和端口。
     • User-Agent：标识发出请求的客户端信息（如浏览器类型、版本等）。
     • Accept：指定客户端能够处理的响应内容类型（如 text/html, application/json）。
     • Accept-Encoding：指定客户端支持的编码类型（如 gzip, deflate）。
     • Connection：管理持久连接（如 keep-alive）。
     • Cookie：存储会话信息（如认证令牌、用户偏好）。
     • Content-Type：仅在 POST 和 PUT 请求中常见，指定请求主体的媒体类型（如 application/json, application/x-www-form-urlencoded）。
     • Content-Length：指定请求主体的字节大小。

   示例：

   Host: www.example.com
   User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
   Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
   Accept-Encoding: gzip, deflate, br
   Connection: keep-alive
   Cookie: session_id=abc123; user_id=xyz789
   Content-Type: application/json
   Content-Length: 55
   

3. 空行（CRLF）：

   • 请求头和请求主体之间有一个空行（即一个回车符和一个换行符），用于分隔它们。

4. 请求主体（Request Body）：

   • 请求主体通常包含在 POST、PUT 等请求方法中，用于发送数据到服务器。
   • 请求主体的格式由 Content-Type 头部指定。例如，如果 Content-Type 是 application/json，那么请求主体就是 JSON 格式的数据。

   示例（JSON 格式）：

   {
     "username": "exampleUser",
     "password": "examplePass"
   }
   

综上所述，一个完整的 HTTP 请求报文结构大致如下：

GET /search?q=http+request+structure HTTP/1.1
Host: www.example.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
Accept-Encoding: gzip, deflate, br
Connection: keep-alive
Cookie: session_id=abc123; user_id=xyz789

(空行)

(请求主体，如果有的话)

理解 HTTP 请求报文结构对于前端开发非常重要，因为它决定了我们如何与服务器进行通信，如何发送和接收数据。