（考研湖科大教书匠计算机网络）第六章应用层-第七节：万维网WWW

news2024/9/27 21:18:38
  • 获取pdf：密码7281
  • 专栏目录首页：【专栏必读】考研湖科大教书匠计算机网络笔记导航

文章目录

  • 一：万维网概述
  • 二：万维网应用
    • （1）URI和URL
      • A：URI和URL关系
      • B：URL格式
    • （2）万维网文档
      • A：HTML
        • ①：概述
        • ②：标签
        • ③：HTML基本结构
      • B：CSS
        • ①：概述
        • ②：语法规范
        • ③：CSS引入方式
      • C：JavaScript
        • ①：概述
        • ②：特点
        • ③：运行过程
        • ④：组成
        • ⑤：引入方式和基本使用
  • 三：超文本传输协议HTTP
    • （1）HTTP协议操作过程
    • （2）HTTP协议特点
    • （3）HTTP协议报文结构
      • A：request请求报文
        • ①：请求报文基本构成
        • ②：请求方法
      • B：respond
        • ①：响应报文基本构成
        • ②：HTTP常见状态码
      • C：HTTP常见Header（字段）

本节对应视频如下

  • 【计算机网络微课堂（有字幕无背景音乐版）】：万维网WWW

一：万维网概述

万维网WWW：万维网并非某种特殊的计算机网络，而是一个大规模的、联机式的信息储藏库，是运行在因特网上的一个分布式应用。万维网利用网页之间的超链接将不同网站的网页链接成一张逻辑上的信息网。万维网是欧洲粒子物理实验室的Tim Berners-Lee最初于1989年3月提出的

在这里插入图片描述

互联网的雏形早在1960年代就诞生了，为什么没有迅速流传开来呢？其实，很重要的原因是早年联接到网络上需要经过一系列复杂的操作，并且不同的计算机具有不同的操作系统和不同的文件结构格式，使得跨平台的信息文件只能相互独立地划成孤岛。Tim Berners-Lee通过一种超文本方式，把分布在网络上的不同计算机内的信息有机地结合在一起，通过超文本传输协议（HTTP）从任意的Web服务器转到一台Web浏览器上进行无障碍的信息检索。这个叫Web的软件还能支持图文并茂的信息，甚至还允许发布音频和视频。这就使得后来的互联网远程教育及在线购物等等得以实现！此外，互联网的许多其它功能，如E-mail、Telnet、FTP、WAIS等内容也都可通过Web框架进行实现

在这里插入图片描述

目前比较流行的浏览器有如下五种

在这里插入图片描述

浏览器最重要的部分是渲染引擎，也就是浏览器内核，负责对网页内容进行解析和显示

  • 不同的浏览器内核对网页内容的解析也有不同， 因此同一网页在不同内核的浏览器里的显示效果可能不同
  • 网页编写者需要在不同内核的浏览器中测试网页显示效果

二：万维网应用

（1）URI和URL

A：URI和URL关系

URI和URL的关系：URL是URI的一个子集，URL是URI概念的一种实现方式。URI和URL都定义了资源是什么，但是URL还定义了如何访问资源，URL是一种具体的URI

  • 统一资源标识符URI(Uniform Resource Identifier)：标识Web上每一种可用的资源；例如 HTML文档、图像、视频片段、程序等
  • 统一资源定位符URL(Uniform Resource Locator)：URL是Internet上描述信息资源的字符串，主要用在各种WWW客户程序和服务器程序上

B：URL格式

URL格式：如下图

  • 协议方案名：http或https协议
  • 登录信息(认证)：指定用户名和密码作为服务器端获取资源时的必要信息，此项为可选项，浏览器显示时会隐藏
  • 服务器地址：访问服务器时必须指明服务器地址，上图给出的只是方便人们记忆的网址，实际会由DNS（域名解析器）进行解析
  • 服务器端口号：指定服务器连接的网络端口号，也是一个可选项，其中有些端口号非常有名，属于强绑定了，如果用户省略则会使用默认的端口号
  • 带层次的文件路径：指定服务器的文件路径来定位指定的资源。和UNIX系统目录结构类似，但这不是根目录，而是一个部署好的web根目录
  • ?前面就是基本的URL格式，如果需要传入参数，可在?后面以key-value形式传入
  • 查询字符串：百度搜索时就按照这种方式传参

在这里插入图片描述

（2）万维网文档

万维网文档：由以下三个部分构成，所形成的文档由浏览器内核负责解析和渲染

  • HTML：超文本标记语言，用于描述网页的结构和内容
  • CSS：层叠样式表文件，用于从审美角度描述网页的样式
  • JavaScript：一种脚本语言，用于控制网页行为

在这里插入图片描述

A：HTML

①：概述

HTML（ Hyper Text Markup Language）：中文名为超文本标记语言，它是一种在Web上使用的通用标记语言，HTML允许你格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示

例如，下面的HTML代码用浏览器解析后显示如下

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>测试页面</title>  
  
</head>  
<body>  
    <h1 id="test">这是一个测试页面</h1>  
  
</body>  
</html>

在这里插入图片描述

②：标签

如上代码所示，在HTML中代码是由标签构成的，例如

  • 标签一般成对出现，<title>为开始标签，</body>为结束标签
  • 少数标签只有开始标签，这种标签称之为单标签
  • 开始标签和结束标签之间是标签内容
  • 开始标签中可以带有属性，例如下面id属性用于唯一标识该标签
<title>测试页面</title> <!--显示浏览器页面名称-->
<title id="test">测试页面</title> <!--这一个一级标题-->

HTML中的标签可以分为如下三类

  • 行内标签：可以和其他元素保持在同一行，不能自动换行，不能设置宽高。例如a、span、strong、i、sub等等
  • 块级标签：不可以和其他元素保持在同一行（独占一行），可以自动换行，能设置宽高。例如div、p、li、dd等等
  • 行内块级标签：可以和其他元素保持在一行，还能设置行高。例如textarea、input、img、butto等等

行内标签和块级标签可以相互转换，借助display属性进行

  • display:block：改为块级标签（常用）
  • display:inline：改为行内元素
  • display:inline-block：改为行内块级标签

③：HTML基本结构

HTML基本结构：新建一个HTML文件，然后在IDEA中输入!，再按tab键，即可生成HTML基本框架，其中

  • <!doctype html>：声明此为**HTML5**文档
  • <html lang="en">···</html>:这是HTML页面的根标签，其中lang属性表示当前页面为英语页面
  • <head>···</head>：包含了文档的元（meta）数据，例如
    • <meta charset="UTF-8">：描述了页面的字符编码方式
    • <title>···</title>：描述了文档的标题
  • <body>···</body>：包含了可见的页面内容，也是编写HTML代码的主要地方
<!doctype html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport"  
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">  
    <meta http-equiv="X-UA-Compatible" content="ie=edge">  
    <title>Document</title>  
</head>  
<body>  
  
</body>  
</html>

接着在<title></title>标签中输入标题“这是标题”，在<body></body>标签内加入以下两个标签，保存后在浏览器中打开

  • <h1></h1>：定义一个一级标题
  • <p></p>：定义一个段落

效果如下

在这里插入图片描述

B：CSS

①：概述

CSS（Cascading Style Sheet）：中文名叫做层叠样式表，可以实现对网页中元素位置的排版进行像素级别的精确控制，以达到美化页面的目的，同时可以试页面样式和结构分离

②：语法规范

语法规范：CSS基本语法格式为选择器+{一条或多条声明}。CSS文件可以独立于HTML文件也可以嵌入其中

  • 选择器决定针对谁进行修改、声明决定修改什么
  • CSS中使用/**/作为注释
  • 选择器和{}之间有空格
  • 如果把CSS内嵌在HTML中，则需要使用style标签，一般会将其放在head标签内

这里将CSS嵌入到HTML中，展示其基本语法规范

  • div：是选择器，表示选中所有div标签
  • color:red、font-size=100ox、font-family=思源黑体：设置属性，分别表示把文字设置为红色，字体大小为100px，字体为“思源黑体”
<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>test</title>  
  <style>  
    div {  
      color:red;  
      font-size: 100px;  
      font-family: 思源黑体;  
    }  
  </style>  
  </head>  
<body>  
  <div>  
      你好 CSS  
  </div>  
</body>  
</html>

在这里插入图片描述

③：CSS引入方式

CSS引入方式：CSS的引入共有三种方式

  • 内部样式表：写在style标签中，然后嵌入到HTML内部，一般会将其放在head标签内

    • 优点：可以使样式和页面结构分离
    • 缺点：分离还不够彻底

  • 行内样式表：通过style属性来指定某个标签的样式，这种方式只适合写简单的样式，而且还会覆盖其他样式

  • 外部样式表：是最为推荐的引入方式，介绍如下

    • 优点：使样式和结构完全分离
    • 缺点：受浏览器缓存影响，所以修改后不一定能生效

首先创建一个test.html

<!DOCTYPE html>  
![](image/（Java高级教程）第四章必备前端基础知识-第二节：CSS/Pasted%20image%2020230117161248.png)<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>test</title>  
</head>  
<body>  
  <div>  
      你好CSS  
  </div>  
</body>  
</html>

建立一个层叠样式表文件style.css

div {  
    color: red;  
    font-size: 50px;  
    font-family: 胡晓波男神体;  
}

然后在test.html中通过link引入style.css

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>test</title>  
  
    <link rel="stylesheet" href="style.css">  
</head>  
<body>  
  <div>  
      你好CSS  
  </div>  
</body>  
</html>

最终效果如下

在这里插入图片描述

C：JavaScript

①：概述

JavaScript：JavaScript诞生于1995年，它的出现主要是用于处理网页中的前端验证。所谓的前端验证，就是指检查用户输入的内容是否符合一定的规则。为了解决前端验证的问题，当时的浏览器巨头NetScape（网景）公司就开发出一种脚本语言，起初命名为LiveScript，后来由于SUN公司的介入更名为了JavaScript，但注意Java和JavaScript的关系就像老婆和老婆饼的一样，没有任何关系。下面是JavaScript的发展历程

年份事件
1995年网景公司开发出了JavaScript
1996年微软发布了和JavaScript兼容的JScript
1997年ECMAScript第1版
1998年ECMAScript第2版
1998年DOM Level1的制定
1998年新型语言DHTML登场
1999年ECMAScript第3版
2000年DOM Level2的制定
2005年新型语言AJAX登场
2009年ECMAScript 第5版
2009年新型语言HTML5登场

②：特点

JavaScript特点：

  • 解释型语言：无需编译直接执行，但运行速度较慢
  • 动态语言：动态语言中一切内容都是不确定的，性能要比静态语言差
  • 语法结构类似于Java：像for、if等结构和Java基本是一致的，所以如果有Java基础的话学起来比较轻松，但Java和JavaScript也只是看起来像而已
  • 基于原型的面向对象：后面会说
  • **严格区分大小写：

③：运行过程

JavaScript运行过程：如下图

在这里插入图片描述

浏览器有如下两个引擎

  • 渲染引擎：解析HTML和CSS，也即“内核”
  • JS引擎：也即JS解释器，Chrome中为V8

在这里插入图片描述

④：组成

JavaScript组成：一个完整的JavaScript应该由以下三个部分组成**

  • ECMAScript：JavaScript的语法
  • DOM：页面文档对象模型，对页面中的元素进行操作
  • **BOM：浏览器对象模型，对浏览器窗口进行操作

⑤：引入方式和基本使用

JavaScript的引入方式和基本使用：和CSS一样，JavaScript也有三种引入方式，分别是行内式、内嵌式和外部式。其中第三种方式最为常用，介绍如下

首先创建一个test.html

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>test</title>  
</head>  
<body>  
<div>  
    你好JavaScript  
</div>  
  
</body>  
</html>

建立一个JavaScript文件javascript.js，使用alert("Hello JS")让浏览器在打开时弹出一个对话框并显示"Hello JS"

  • 注意：在JavaScript中单引号和双引号都表示字符串
alert("Hello JS")

然后在test.html中通过script引入javascript.js

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>test</title>  
  
    <script src="javascript.js"></script>  
</head>  
<body>  
<div>  
    你好JavaScript  
</div>  
  
</body>  
</html>

打开浏览器效果如下

在这里插入图片描述

三：超文本传输协议HTTP

超文本传输协议（HTTP）：HTTP定义了浏览器(万维网客户进程)怎样向万维网服务器请求万维网文档，以及服务器怎样把文档传送给浏览器。从层次的角度看，HTTP是面向事务的(Transaction-oriented) 应用层协议，它规定了在浏览器和服务器之间的请求和响应的格式与规则，是万维网上能够可靠地交换文件(包括文本、声音、图像等各种多媒体文件)的重要基础

（1）HTTP协议操作过程

万维网大致工作过程如下图所示

  • 每个万维网站点都有一个服务器进程，它不断地监听TCP的端口80(默认)，当监听到连接请求后便与浏览器建立连接
  • TCP连接建立后，浏览器就向服务器发送请求获取某个Web页面的HTTP请求
  • 服务器收到HTTP请求后，将构建所请求Web页的必需信息，并通过HTTP响应返回给浏览器
  • 浏览器再将信息进行解释，然后将Web页显示给用户。最后, TCP连接释放

在这里插入图片描述

用户通过浏览器与服务器进行交互，遵循HTTP协议，有以下两类报文

  • 请求报文：从Web客户端向Web服务器发送服务请求

  • 响应报文：响应报文从Web服务器对Web客户端请求的回答

当用户单击鼠标后会发生如下事情

  • 浏览器分析URL
  • 浏览器向DNS请求解析IP地址
  • DNS解析出IP地址
  • 浏览器与服务器建立TCP连接
  • 浏览器发出取文件命令
  • 服务器响应
  • 释放TCP连接
  • 浏览器显示

（2）HTTP协议特点

HTTP协议有如下两个最大的特点

  • 无连接：HTTP建立与TCP之上，所以是不关心TCP通信细节的，TCP是否是面向连接的与HTTP是没有任何关系的。而且，当TCP连接建立成功之后，HTTP是没有必要在应用层再建立一个连接的，所以TCP建立好之后，HTTP直接向对方发HTTP请求(request)就可以了
  • 无状态：HTTP是一种不保存状态协议，其自身不对请求和相应之间的通信状态进行保存，也就是说在HTTP这个级别，协议对于发送过的请求或相应都不会做持久化处理

对于非持久连接，每个网页元素对象的传输都需要单独建立一个TCP连接；所谓持久连接，是指万维网服务器在发送响应后仍然保持这条连接，使同一个客户和服务器可以继续在这条连接上传送后续的HTTP请求与响应报文

在这里插入图片描述

（3）HTTP协议报文结构

注意下面需要分析请求报头和响应报头的构成，需要使用到抓包工具，推荐使用fillder
在这里插入图片描述

A：request请求报文

在这里插入图片描述

①：请求报文基本构成

在这里插入图片描述
在浏览器中输入百度的网址，选中相应数据，右侧显示中上半部分为请求报头，下半部分显示为相应报头，点击raw（原始数据）查看

在这里插入图片描述
信息具体如下

GET https://www.baidu.com/ HTTP/1.1 #请求行
Host: www.baidu.com #请求的主机
Connection: keep-alive #长连接 HTTP可以选择不断开TCP，从而连接持久化
sec-ch-ua: " Not;A Brand";v="99", "Microsoft Edge";v="91", "Chromium";v="91"
sec-ch-ua-mobile: ?0
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64)#浏览器，操作系统信息
AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.114 Safari/537.36 Edg/91.0.864.59
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.9
Sec-Fetch-Site: none
Sec-Fetch-Mode: navigate
Sec-Fetch-User: ?1
Sec-Fetch-Dest: document
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6
Cookie: BIDUPSID=9F74B621908F780204441F86DCCE03A5; PSTM=1598331815; BAIDUID=9F74B621908F7802E2D41BCA0AE628E1:FG=1; BAIDUID_BFESS=9F74B621908F7802E2D41BCA0AE628E1:FG=1; BD_UPN=12314753; COOKIE_SESSION=0_1_1_1_0_0_0_0_1_0_0_0_0_0_0_1_0_1624878202_1624878201%7C1%230_1_1624878201%7C1; BDUSS=kFjVE4wOVphT2l-Ym82YnE5RHdJUlZTRW10MU5qM1lqS1p4eVUxaVNHR2pPUUZoRVFBQUFBJCQAAAAAAAAAAAEAAADjDoXG1-7Lp77NysfO0jYyMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKOs2WCjrNlgR; BDUSS_BFESS=kFjVE4wOVphT2l-Ym82YnE5RHdJUlZTRW10MU5qM1lqS1p4eVUxaVNHR2pPUUZoRVFBQUFBJCQAAAAAAAAAAAEAAADjDoXG1-7Lp77NysfO0jYyMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKOs2WCjrNlgR; BD_HOME=1; H_PS_PSSID=34099_34225_31253_34226_33848_34133_33607_34134_26350; sugstore=0; BA_HECTOR=ah85al8g252h0l05ui1gdoqqk0r #缓存信息
# 此行为空行

②：请求方法

HTTP请求方法如下
在这里插入图片描述
1：GET方法
GET方法用来请求已经被URI识别的资源，指定的资源经过服务器解析后返回响应内容。比如请求的资源是文本，那么就会保持原样返回
在这里插入图片描述
使用GET方法请求的例子
在这里插入图片描述
2：POST方法
虽然用GET方法也可以传输实体的主体，但是一般不用GET方法进行传输，而是采用POST。虽然说POST的功能与GET很相似，但是POST的主要目的并不是获取响应的主体内容
在这里插入图片描述
使用POST方法请求的例子
在这里插入图片描述
GET和POST的区别
你现在打开我的这篇文文章阅读，浏览器就会发送GET请求给服务器，服务器则会返回相应的数据
在这里插入图片描述
而如果你在我的文章下面评论，点击提交后，浏览器就会执行一次POST请求，把你的评论放进请求报文里，然后拼接好POST请求头，再通过TCP协议发送服务器
在这里插入图片描述
3：PUT方法
PUT方法用来传输文件，比如QQ邮箱发送邮件添加附件，上传百度云盘文件都可以近似理解为PUT方法。为什么说近似呢，因为实际上PUT方法是不安全的，一旦对服务器进行写操作都是不安全的，而且在HTTP1.1中PUT方法自身又不带验证机制，因此任何人都可以上传文件，存在极大的安全隐患。所以一般的web网站是不会使用这样的方法的。
在这里插入图片描述
4：HEAD方法
HEAD方法只请求报文首部，而不获得报文正文
在这里插入图片描述
如下
在这里插入图片描述
5：DELETE方法
DELETE方法用于删除文件，和PUT相反。当然DELETE肯定也是不安全的，所以一般不会开放
在这里插入图片描述

B：respond

①：响应报文基本构成

在这里插入图片描述
抓包信息如下

HTTP/1.1 200 OK #响应行
Bdpagetype: 2
Bdqid: 0x8231b40200113aab
Cache-Control: private
Connection: keep-alive # 长连接
Content-Encoding: gzip
Content-Type: text/html;charset=utf-8 # 返回的文件类型
Date: Wed, 30 Jun 2021 13:08:55 GMT
Expires: Wed, 30 Jun 2021 13:08:55 GMT
Server: BWS/1.1
Set-Cookie: BDSVRTM=271; path=/ # 服务器给客户端设置cookie
Set-Cookie: BD_HOME=1; path=/
Set-Cookie: H_PS_PSSID=34099_34225_31253_34226_33848_34133_33607_34134_26350; path=/; domain=.baidu.com
Strict-Transport-Security: max-age=172800
Traceid: 162505853526142891629381477419473517227
X-Ua-Compatible: IE=Edge,chrome=1
Transfer-Encoding: chunked
# 此行为空行，下面是正文
dab
        k k u  V ?@ EͽC4ޏ #Gd  ()! -*   @    NIv I$[  S \N *  D +J  , ǘ3 > /d= Y q t ;   4  } >        ' ?  w

*** FIDDLER: RawDisplay truncated at 128 characters. Right-click to disable truncation. ***

可以看到响应报头正文部分均为乱码，其实这是HTTPS请求，已经被加密了
在这里插入图片描述
这里我们使用Linux中telnet工具尝试抓包
在命令行中输入telent www.baidu.com 80，请求百度的80端口
在这里插入图片描述
接着我们手动进行请求，请求方法是GET，请求URL如果输入/表示请求首页，版本为1.1
在这里插入图片描述
请求正文略过，直接输入换行，此时会发现百度服务器会将百度的首页，也就是一个HTML文件返回过来,这就是响应正文
在这里插入图片描述
其中content-length就是标识响应正文的长度的
在这里插入图片描述

②：HTTP常见状态码

当客户端向服务器端发送请求时，会返回状态，借助它，用户可以知道服务器到底是正常了请求，还是出了问题，如果处理问题，到底是出了怎样的问题
在这里插入图片描述

HTTP状态码常见的共有五大类，不同数字具有不同的含义
在这里插入图片描述
2XX-成功
在这里插入图片描述

  • 204-No Content：服务器已经成功处理了请求，但在返回的响应报文中不含实体的主体部分（另外，也不会允许返回任何实体的主体）。举例，如果你从浏览器发出的请求处理后，若返回204，那么浏览器显示的页面则不会发生更新。使用场景主要集中在只需要从客户端向服务器发信息，而对客户端不需要发送新信息内容的情况下使用
    在这里插入图片描述

  • 206-Partial Content：表示客户端发起了范围请求，同时服务器成功执行了此次请求。响应报文中的“Content-Range”指定范围的实体内容
    在这里插入图片描述

3XX-重定向
该状态码表示浏览器需要执行某些特殊的操作才能正确处理请求
以302为例，你在没有淘宝网时，点击上面的购物车选项
在这里插入图片描述
本应该跳转到购物车页面，但是由于没有登录，所以服务器强制让你重定向到登录页面，可以发现次登录页面状态码是302
在这里插入图片描述

  • 301-Moved Permanently：意思是永久重定向，表示请求的资源已经分配了新的URL，意思可以理解为人家网址已经变了，你的快捷方式（收藏）还指向以前的URL
    在这里插入图片描述

  • 302-Found：意思是临时重定向，表示请求的资源已经分配了新的URL，希望用户可以新的URL访问，但是这一次先放过你，虽然访问错了，但是服务器帮你跳转过来。
    在这里插入图片描述

  • 303-See Other：该状态码表示由于请求的圆存在着另一个URL，应使用GET（这一点和302有所区别）获取资源
    在这里插入图片描述

  • 304-Not Modified：不具有跳转的含义，表示资源未修改，重定向已存在的缓冲文件，也称缓存定定向，用于缓存控制。
    在这里插入图片描述

4xx-客户端错误

  • 400-Bad Request：表示客户端的请求报文有错误，是一个很笼统的错误。
    在这里插入图片描述

  • 403-Forbidden：意思是服务器拒绝访问，并不是客户端的请求出错
    在这里插入图片描述

  • 404-Not Found：表示请求的资源在服务器上找不到，无法提供客户端
    在这里插入图片描述
    5xx-服务器错误

  • 500-Internal Server Error：和400一样，是一个笼统性的错误，只是表明服务器出现了错误
    在这里插入图片描述

  • 501-Not Implemented：表示客户端请求的功能还不⽀持，类似“即将开业，敬请期待”的意思

  • 502 Bad Gateway：通常是服务器作为网关或代理时返回的错误码，表示服务器自身工作正常，访问后端服务器发生了错误。

  • 503-Service Unavailable：表示服务器当前很忙，暂时无法响应服务器，类似“网络服务正忙，请稍后再试”的意思。
    在这里插入图片描述

C：HTTP常见Header（字段）

可以看到不管是request还是response都有请求行这一部分

Host字段：客户端告知服务器, 所请求的资源是在哪个主机的哪个端口上

在这里插入图片描述
Content-Length：服务器在返回数据时，会有 Content-Length 字段，表明本次回应的数据长度。
在这里插入图片描述
Connection字段：常用于客户端要求服务器使用 TCP 持久连接，以便其他请求复用。
在这里插入图片描述

  • HTTP/1.1 版本的默认连接都是持久连接，但为了兼容⽼版本的 HTTP，需要指定 Connection 首部字段的值为Keep-Alive 。

Content-Type 字段：用于服务器回应时，告诉客户端，本次数据是什么格式

在这里插入图片描述

  • Content-Type: text/html; charset=utf-8表示发送的是网页及其编码格式
  • 客户端请求的时候，可以使用 Accept 字段声明自己可以接受哪些数据格式。Accept: */*表示可以接受任意格式

Content-Encoding 字段：段说明数据的压缩⽅法。表示服务器返回的数据使⽤了什么压缩格式
在这里插入图片描述
User-Agent: 声明用户的操作系统和浏览器版本信息，这东西在爬虫中涉及较多
referer: 当前页面是从哪个页面跳转过来的
location: 搭配3xx状态码使用, 告诉客户端接下来要去哪里访问
Cookie: 用于在客户端存储少量信息. 通常用于实现会话(session)的功能

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/366863.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Docker 基本操作

Docker 基本操作

image操作从Docker Hub 拉取已有镜像一个Docker 镜像(image)包含了程序代码和程序运行所依赖的所有环境。 Docker 镜像一般存放在镜像仓库服务(Image Registry)里&#xff0c;默认的镜像仓库服务是Docker Hub。 用户可以制作、构建镜像、将镜像上传到镜像仓库服务&#xff0c;从…
阅读更多...
uniCloud云开发----7、uniapp通过uni-swiper-dot实现轮播图

uniCloud云开发----7、uniapp通过uni-swiper-dot实现轮播图

uniapp通过uni-swiper-dot实现轮播图前言效果图1、官网实现的效果2、需求中使用到的效果图官网提供的效果图源码1、html部分2、js部分3、css部分根据需求调整轮播图前言 uni-swiper-dot.文档 uni-swiper-dot 轮播图指示点 - DCloud 插件市场 本次展示根据需求制作的和官网用到…
阅读更多...
记一次从文件备份泄露到主机上线

记一次从文件备份泄露到主机上线

前言 记录下某个测试项目中&#xff0c;通过一个文件备份泄露到主机上线的过程。 文件备份泄露 对于测试的第一项当然是弱口令&#xff0c;bp跑了一通词典&#xff0c;无果。目录又爆破了一通&#xff0c;发现一个web.rar可通&#xff0c;赶紧下载看看&#xff0c;如下图所示…
阅读更多...
uniapp项目搭架和首页制作

uniapp项目搭架和首页制作

论坛项目uniapp跨端创建uniapp项目备注&#xff1a;配置常用目录&#xff08;目录名称可自定义&#xff09;配置项目的tabbar在page.json文件中配置。"tabBar": {"borderStyle": "black","color": "#90868a","selected…
阅读更多...
CTFer成长之路之命令执行漏洞

CTFer成长之路之命令执行漏洞

命令执行漏洞CTF 死亡ping命令 题目描述: 路由器管理台经常存在的网络ping测试&#xff0c;开发者常常会禁用大量的恶意字符串&#xff0c;试试看如何绕过呢&#xff1f; docker-compose.yml version: "3.2"services:converter:image: registry.cn-hangzhou.ali…
阅读更多...
液氮恒温器（电学）T9015的技术规格

液氮恒温器（电学）T9015的技术规格

液氮型低温恒温器&#xff0c;利用液氮作为降温媒介&#xff0c;标准恒温器可实现快速降温至液氮温度&#xff08;约20min&#xff09;&#xff0c;其工作原理是在恒温器内部液氮腔内装入液氮&#xff0c;通过调整控温塞与冷指的间隙来保持冷指的漏热稳定在一定值上&#xff0c…
阅读更多...
【测试面试】头条大厂，测试开发岗真实一面。你能抵得住吗？

【测试面试】头条大厂，测试开发岗真实一面。你能抵得住吗？

目录&#xff1a;导读前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09;前言 小吴&#xff1a; 现…
阅读更多...
力扣SQL刷题12

力扣SQL刷题12

目录标题176. 第二高的薪水 - 输出null问题177. 第N高的薪水--omg&#xff0c;第一次遇到SQL里写function178. 分数排名 - 简单626. 换座位 - 新题型176. 第二高的薪水 - 输出null问题 题型&#xff1a;输出第二大的数值&#xff0c;且不存在时输出null 解答&#xff1a; 解法…
阅读更多...
ELK日志分析--ES（Elasticsearch）--（一）

ELK日志分析--ES（Elasticsearch）--（一）

ES基本介绍 单机ES部署 ES&#xff08;Elasticsearch&#xff09;集群部署 1.基本介绍 Elasticsearch&#xff1a;存储、搜索和分析 Elasticsearch是Elastic Stack核心的分布式搜索和分析引擎。Logstash和Beats有助于收集&#xff0c;聚合和丰富你的数据并将其存储在Elastics…
阅读更多...
Revit教程：标注技巧，底部延伸距离“设置，实时轴号

Revit教程：标注技巧，底部延伸距离“设置，实时轴号

一、Revit在三维视图中的高程点标注技巧 一般在平面图上高程点是水平放置的&#xff0c;但是在三维显示中&#xff0c;如何将高程点水平放置呢? 在三维视图中&#xff0c;有些时候根据项目要求&#xff0c;要在建筑上放置高程点&#xff0c;但是将视图旋转以后&#xff0c;高程…
阅读更多...
【python】anaconda 管理 python 环境

【python】anaconda 管理 python 环境

anaconda 管理虚拟环境anaconda 简介python 虚拟环境的安装查看当前 anaconda中所有的虚拟环境创建新的虚拟环境激活所创建的虚拟环境删除指定的虚拟环境退出当前虚拟环境查看当前虚拟环境中所有安装的库安装常用包pycharmpycharm 下环境配置pycharm 使用anaconda 简介 anacon…
阅读更多...
新能源车动力总成技术探讨：混动和纯电之争、电驱动未来发展趋势

新能源车动力总成技术探讨：混动和纯电之争、电驱动未来发展趋势

随着我国节能与新能源汽车渗透率提升&#xff0c;对节能与新能源车各种技术路线特别是动力总成技术的探讨&#xff0c;也成为汽车产业各级企业人士讨论的热点。爱普搜汽车、精研院邀请了汽车行业众多整车厂、Tier 1/2企业、中汽协、汽车技术咨询公司的技术专家/高管&#xff0c…
阅读更多...
数据结构与算法之最小爬楼梯费用动态规划

数据结构与算法之最小爬楼梯费用动态规划

继续上一道题目&#xff0c;在上一道题目的基础之上&#xff0c;我们来解决这一道爬楼梯最小费用题。一.题目描述二.思路(动态规划五部曲)确定dp数组以及下标的含义使用动态规划&#xff0c;就要有一个数组来记录状态&#xff0c;本题只需要一个一维数组dp[i]就可以了。dp[i]的…
阅读更多...
剑指 Offer 34. 二叉树中和为某一值的路径

剑指 Offer 34. 二叉树中和为某一值的路径

摘要 剑指 Offer 34. 二叉树中和为某一值的路径 注意到本题的要求是&#xff0c;找到所有满足从根节点到某个叶子节点经过的路径上的节点之和等于目标和的路径。核心思想是对树进行一次遍历&#xff0c;在遍历时记录从根节点到当前节点的路径和&#xff0c;以防止重复计算。 …
阅读更多...
如何写出一份优秀的简历和求职信？

如何写出一份优秀的简历和求职信？

写一份优秀的简历和求职信是成功求职的重要一步。 01、简历 突出重点信息&#xff1a;把最重要的信息放在简历的前面&#xff0c;例如您的工作经验和教育背景等。 使用简明扼要的语言&#xff1a;在简历中使用简短的句子和简明扼要的语言&#xff0c;让招聘者能够快速了解您的…
阅读更多...
Java 诊断工具Arthas--优化速度+堆栈判断

Java 诊断工具Arthas--优化速度+堆栈判断

文章目录前言使用总结前言 我们在日常开发中&#xff0c;当我们遇到大数据量处理的时候&#xff0c;总是苦恼有时候到底慢在哪&#xff1f; 在coding的时候就要注意以下几点&#xff1a; 循环内打印日志循环内查询sql循环内多次发送http请求查询的时候尽量指定查询字段&#…
阅读更多...
Redis的过期策略

Redis的过期策略

Redis 过期删除与内存淘汰 #Redis 使用的过期删除策略是什么&#xff1f; Redis 是可以对 key 设置过期时间的&#xff0c;因此需要有相应的机制将已过期的键值对删除&#xff0c;而做这个工作的就是过期键值删除策略。 每当我们对一个 key 设置了过期时间时&#xff0c;Red…
阅读更多...
GEE学习笔记 五十四：QGIS展示3D的高程数据

GEE学习笔记 五十四：QGIS展示3D的高程数据

QGIS作为一个开源的非常好用的本地GIS工具&#xff0c;这里不在赘述&#xff0c;这里说它的一个比较有意思的内容。通过DEM数据展示3D地形。 下载DEM&#xff08;高程数据&#xff09; 比如从官网下载&#xff0c;或者从别的地方获取&#xff0c;这里就不在赘述。我这里下载使…
阅读更多...
BatchNorm与LayerNorm的比较

BatchNorm与LayerNorm的比较

Batch Normalization存在的一些问题 &#xff08;1&#xff09;BN在mini-batch较小的情况下不太适用 BN是对整个mini-batch的样本统计均值和方差 当训练样本数很少时&#xff0c;样本的均值和方差不能反映全局的统计分布信息&#xff0c;从而导致效果下降 &#xff08;2&am…
阅读更多...
【ROS2开发】BOOST-C++实现topic通信

【ROS2开发】BOOST-C++实现topic通信

一、说明 不知是何原因&#xff0c;ROS2居然没有集成开发环境&#xff0c;因此工程管理、编译等是全手工活。本文将详细讲述工程构建、编译、topic节点具体内容。让初学者直接进入战场环境。结合图文&#xff0c;尽量看清开发过程。 二、目标实现 我们这里就是要手工构建一个Pu…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023