F12Network中各个标题的含义、常见错误码

标头（Headers）：标头包含了在 HTTP 请求和响应中传输的元数据信息。这些元数据信息描述了请求或响应的属性，如请求方法、内容类型、编码方式等。在网页调试工具中，通常会显示请求头和响应头的信息。
包含请求标头和响应标头，主要看常规中的信息（请求行），是对标头中重要信息的提取

载荷（Payload）：载荷指的是 HTTP 请求或响应中的实际数据。对于 POST 或 PUT 请求，载荷通常包含要发送到服务器的数据。对于响应，载荷通常包含从服务器返回的数据。在网页调试工具中，可以查看请求和响应的载荷内容。
前端发送给后端的请求体，前端发送给后端的数据。如果请求中前端没有发数据给后端，则不显示载荷。

预览（Preview）：预览是指网页调试工具中对请求或响应数据的可视化展示。预览可以显示请求或响应的结构化数据，使用户更容易理解和分析数据。
后端给前端的响应体（和预览给的格式不一样），后端响应给前端的数据。

响应（Response）：响应是服务器对客户端请求的回应。它包含了响应状态码、响应头和响应载荷。在网页调试工具中，可以查看响应的状态码、响应头和响应载荷的内容。一般为json字符串格式
后端给前端的响应体

启动器（Initiator）：启动器指示了触发请求的源头。它显示了是通过哪个页面或者脚本发起了该请求。这对于调试和追踪请求的起源非常有用。

时间（Timing）：时间部分提供了请求或响应的时间信息。它包含了各种时间指标，如请求开始时间、DNS 解析时间、连接时间、服务器响应时间、内容下载时间等。这些时间指标可以用来分析请求的性能和优化网络性能。

如何查看前后端的传参。
也是在network里，当点击了一次调用记录之后，会有详细的信息可以看到。在payload里面是前端发送给后端的参数。为JSon格式

Preview和Response里都是返回

补充：常见状态码

成功（2xx） 一般没问题，但不绝对

状态码	原因短语	说明
200	OK	表示从客户端发来的请求，在服务器端被正确处理
201	Created	表示请求已经被实现，而且有一个新的资源已经依据请求的需要而建立。 通常是在POST请求，或是某些PUT请求之后创建了内容，进行的返回的响应
204	No content	表示请求成功，但响应报文不含实体的主体部分（后端不返回任何内容）

客户端（前端）错误（4xx）

状态码	原因短语	说明
400	Bad Request	请求报文存在语法错误（传参格式或数据不正确）
401	unAuthorized	权限认证未通过（没有权限）
403	Forbidden	服务器理解请求客户端的请求，但是拒绝执行此请求）
404	Not Found	表示在服务器上没有找到请求的资源（通常是url路径有问题）
405	Method Not Allowed	请求的方法不对（POST、PUT、GET等问题）

服务端（后端）错误（5xx）

状态码	原因短语	说明
500	Internal Server Error	表示服务器端在执行请求时发生了错误
503	Service Unavailable	表明服务器暂时处于超负载或正在停机维护，无法处理请求

参考链接