常见的请求头与响应头介绍

港控/mmm° 2024-04-19 07:48 79阅读 0赞

我们作为一名开发人员是肯定要会玩控制台的。下图就是查看我们页面所发出的请求信息：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70]  
一般我们作为前端开发人员要看请求数据的请求信息与响应信息是否可以的时候基本上会打开这个network进行查看。

但是我相信大多数朋友不了解那些请求信息的意义以及响应信息的意思是什么。接下来我们一起学习一下：

#### 请求(客户端到服务端 -> request) ####

*  Request URL(请求的地址)
 *  Request Method(请求的方式)
 *  Status Code(状态码)
 *  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(客户端请求服务端的时间)

#### 响应(服务端到客户端 -> response) ####

*  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(服务端要求客户端一秒钟后，刷新，然后访问指定的页面路径)
 *  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(服务端响应客户端的时间)

在服务器响应客户端的时候，带上Access-Control-Allow-Origin头信息，解决跨域的一种方法。

关于更多解决跨域的方法请看：[https://blog.csdn.net/weixin\_43606158/article/details/90141290][https_blog.csdn.net_weixin_43606158_article_details_90141290]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzYwNjE1OA_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/fe336b9e56c94265a14f16ce9e0a7f1b.png
[https_blog.csdn.net_weixin_43606158_article_details_90141290]: https://blog.csdn.net/weixin_43606158/article/details/90141290