HTTP协议中的“报头”(header)和 “正文“ (body)详解

系列文章目录

文章目录

一、请求“报头”(header)详解
二、请求 "正文" (body)详解
三、响应 "报头" (header)详解
四、响应 "正文" (body)详解

一、请求“报头”(header)详解

header 的整体的格式也是 "键值对" 结构. 每个键值对占一行. 键和值之间使用冒号+空格分割。报头的种类有很多, 下面仅介绍几个常见的.

1. Host

例： Host: www.bilibili.com

描述了服务器主机的地址/端口号，其中地址可以是域名，也可以是IP，Host这里的内容是和首行中的URL中表示得服务器地址是基本是一样的

2.Content-Length

表示 body 中的数据长度，单位是字节。如果没有body(GET)，此时也就可以没有Content-Length。

3.Content-Type

表示请求的 body 中的数据格式，form （application/x-www-form-urlencoded）表单提交的数据格式. 此时 body 的格式形如: title=test&content=hello，这种格式和query string 是差不多的；

form（multipart/form-data）表单提交的数据格式（在 form 标签中加上 enctyped="multipart/form-data"），一般用于提交图片或者文件，此时body的格式如下：

application/json: 数据为 json 格式. body 格式形如:

{"username":"123456789","password":"xxxx","code":"jw7l","uuid":"d110a05ccde64b16

a861fa2bddfdcd15"}

关于 Content-Type 的详细情况:

https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types

4.User-Agent (简称 UA)

UA就描述了系统+浏览器的版本信息

关于UA，随着浏览器的逐渐升级，面对更加丰富的前后端交互，不同浏览器所支持的功能不一样，那么程序员就会根据对方的浏览器不同，来决定返回一个对应的页面。

但是随着时间的推移，目前的浏览器都已经差别不大了，那么此时UA又有一个新的作用，那就是区别PC端和移动端，因为pc端和移动端的网页排版是不一样的。但是通过UA来区分是手机还是电脑，来返回不同板式的页面，这虽然是一种实现方式，但是这似乎对程序员不太友好，因为需要同时维护两个版本的代码。现在更加主流的实现方式是“响应式布局”，大概就是基于CSS3中的“媒体查询功能”，大概就是能够获取到当前页面的宽度，然后根据宽度来决定样式，从而达到一份代码可以适用于不同宽度的屏幕。

5. Referer

表示这个页面是从哪个页面跳转过来的，形如：