F12中network里headers各项属性的含义

时间:2021-06-28 20:42:10   收藏:0   阅读:0

首先我们打开chrome的开发者工具,选中network,再刷新页面,此时可以在下方看到一个Name,Name对应的是资源的名称及其路径,Status是请求服务器返回的状态码,当状态码为200时,则表示接口配置成功。点击任一文件名,右侧则会出现Header选项。下面让我们来详细看下Header中的各项是什么意思。

General部分: Request URL:资源的请求url

Request Method:HTTP方法

Status Code:响应状态码

200(状态码) OK

301 - 资源(网页等)被永久转移到其它URL

404 - 请求的资源(网页等)不存在

500 - 内部服务器错误

Response Headers:

Content-Encoding:gzip 压缩编码类型

Content-Type:text/html 服务端发送的类型及采用的编码方式

Date:Tue, 14 Feb 2017 03:38:28 GMT 客户端请求服务端的时间

Last-Modified:Fri, 10 Feb 2017 09:46:23 GMT 服务端对该资源最后修改的时间

Server:nginx/1.2.4 服务端的Web服务端名

Transfer-Encoding:chunked 分块传递数据到客户端

Response Headers:

Accept:客户端能接收的资源类型

Accept-Encoding:gzip, deflate(客户端能接收的压缩数据的类型)

Accept-Language:en-US,en;q=0.8 客户端接收的语言类型

Cache-Control:no-cache 服务端禁止客户端缓存页面数据

Connection:keep-alive 维护客户端和服务端的连接关系

Cookie:客户端暂存服务端的信息

Host:www.jnshu.com 连接的目标主机和端口号

Pragma:no-cache 服务端禁止客户端缓存页面数据

Referer:http://www.jnshu.com/daily/15052 来于哪里

User-Agent: 客户端版本号的名字

三.常见问题

使用post发送请求时如何设置content-type的值

四.解决方案

$http中可以直接设置请求头:

headers:{“contentType‘:....}

1. application/x-www-form-urlencoded 最常见的POST提交格式,使用这个编码格式post的数据会以键值对的方式提交

2. multipart/form-data 通常上传图片等文件会使用这种编码格式提交。

3. application/json 提交JSON格式的数据

五.更多讨论

问题1:常见状态吗

回答1:200(状态码) OK

             301 - 资源(网页等)被永久转移到其它URL

             404 - 请求的资源(网页等)不存在

             500 - 内部服务器错误

问题2:network主要应用场景

回答2:向服务器做请求时,方便看报错

问题3:为什么有不同的请求头

回答3:针对于请求的不同数组,告诉后台传送的类型

1)请求(客户端->服务端[request])
    GET(请求的方式) /books/java.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号)
    Accept: */*(客户端能接收的资源类型)
    Accept-Language: en-us(客户端接收的语言类型)
    Connection: Keep-Alive(维护客户端和服务端的连接关系)
    Host: localhost:8080(连接的目标主机和端口号)
    Referer: http://localhost/links.asp(从来于哪里)
    User-Agent: Mozilla/4.0(客户端版本号的名字)
    Accept-Encoding: gzip, deflate(客户端能接收的压缩数据的类型)
    If-Modified-Since: Tue, 11 Jul 2000 18:23:51 GMT(缓存时间)
    Cookie(客户端暂存服务端的信息)
    Date: Tue, 11 Jul 2000 18:23:51 GMT(客户端请求服务端的时间)


2)响应(服务端->客户端[response])
    HTTP/1.1(响应采用的协议和版本号) 200(状态码) OK(描述信息)
    302(客户端请求服务端,但服务端没有对应的资源,服务端要客户端再次请求找其它的服务端,即客户端二次请求,重定向)
    307(客户端请求服务端,但服务端没有对应的资源,服务端自行再次请求找其它的服务端,即客户端一次请求,转发)
    304(客户端请求服务端,此时客户端缓存中有,无需再从服务端下载新的内容,服务端叫客户端自行找缓存,优化)
    500(客户端请求的资源,服务端存在,但在执行时出错)
    Location: http://www.baidu.com(服务端需要客户端访问的页面路径)
    Server:apache tomcat(服务端的Web服务端名)
    Content-Encoding: gzip(服务端能够发送压缩编码类型)
    Content-Length: 80(服务端发送的压缩数据的长度)
    Content-Language: zh-cn(服务端发送的语言类型)
    Content-Type: text/html; charset=GB2312(服务端发送的类型及采用的编码方式)
    Last-Modified: Tue, 11 Jul 2000 18:23:51 GMT(服务端对该资源最后修改的时间)
    Refresh: 1;url=http://www.it315.org(服务端要求客户端1秒钟后,刷新,然后访问指定的页面路径)
    Content-Disposition: attachment; filename=aaa.zip(服务端要求客户端以下载文件的方式打开该文件)
    Transfer-Encoding: chunked(分块传递数据到客户端)  
    Set-Cookie:SS=Q0=5Lb_nQ; path=/search(服务端发送到客户端的暂存数据)
    Expires: -1//3种(服务端禁止客户端缓存页面数据)
    Cache-Control: no-cache(服务端禁止客户端缓存页面数据)  
    Pragma: no-cache(服务端禁止客户端缓存页面数据)   
    Connection: close(1.0)/(1.1)Keep-Alive(维护客户端和服务端的连接关系)  
    Date: Tue, 11 Jul 2000 18:23:51 GMT(服务端响应客户端的时间)
————————————————
版权声明:本文为CSDN博主「独守那份伤痛」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/ahuangtaoa/article/details/8666407



作者:张王王
链接:https://www.jianshu.com/p/bd68fdc0540d
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!