当前位置：首页 > news >正文

浏览器发起调用到服务器的全过程解析

news 来源：原创 2025/9/7 9:32:10

在 Web 应用的交互过程中，从用户在浏览器输入 URL 发起请求，到最终获取服务器返回的内容，背后涉及多个复杂而有序的步骤。理解这一过程，对于深入掌握 Web 开发、优化应用性能以及排查网络问题都具有重要意义。下面将详细阐述浏览器发起调用到服务器的整个过程。

URL 解析
当用户在浏览器地址栏中输入一个 URL（例如https://www.example.com/index.html）后，浏览器首先对 URL 进行解析。它会识别出协议部分（此处为https）、域名（www.example.com）以及路径（/index.html）等信息。协议决定了浏览器与服务器之间通信所使用的规则，不同协议有不同的用途和特点，常见的除了https还有http。
DNS 解析
域名系统（DNS）在这个过程中起着关键作用。浏览器需要将域名（www.example.com）解析为对应的 IP 地址，因为网络通信实际是基于 IP 地址进行的。浏览器首先会检查自身的 DNS 缓存，看是否已经缓存了该域名对应的 IP 地址。如果缓存中存在，则直接使用缓存的 IP 地址。若缓存中没有，浏览器会向本地 DNS 服务器发起查询请求。本地 DNS 服务器可能也没有该域名的记录，此时它会按照一定的递归或迭代查询方式，向根 DNS 服务器、顶级域名服务器以及权威域名服务器等逐级查询，直到获取到该域名对应的 IP 地址，并将其返回给浏览器。
建立 TCP 连接
一旦浏览器获取到服务器的 IP 地址，接下来就会与服务器建立传输控制协议（TCP）连接。TCP 是一种可靠的面向连接的协议，它确保数据能够准确无误地传输。在建立连接过程中，浏览器和服务器会进行三次握手：
浏览器向服务器发送一个包含同步序列号（SYN）的数据包，表明自己想要建立连接，并随机生成一个初始序列号（假设为x）。
服务器收到该 SYN 包后，返回一个 SYN + ACK 包。这个包中，SYN 部分的序列号是服务器自己生成的（假设为y），ACK 部分则是对浏览器 SYN 包的确认，确认号为x + 1。
浏览器收到服务器的 SYN + ACK 包后，再发送一个 ACK 包给服务器，确认号为y + 1，至此三次握手完成，TCP 连接建立成功。
发送 HTTP 请求
TCP 连接建立好后，浏览器会根据 URL 中的路径以及其他信息，按照 HTTP 协议的格式构造一个 HTTP 请求消息。例如，对于之前的https://www.example.com/index.html
这个请求消息包含了请求方法（GET）、请求路径（/index.html）、HTTP 版本（HTTP/1.1）、请求头（如Host、User - Agent等）。请求头中携带了关于浏览器、客户端环境以及客户端期望接收的数据格式等信息。构造好请求消息后，浏览器通过之前建立的 TCP 连接将其发送给服务器。
服务器处理请求
服务器端的 Web 服务器（如 Tomcat、Nginx 等）接收到浏览器发送的 HTTP 请求后，会根据请求的内容进行相应的处理。如果是 SpringMVC 应用，请求首先到达 DispatcherServlet。DispatcherServlet 会根据请求的 URL，借助 HandlerMapping 找到对应的处理器（Handler）。例如，RequestMappingHandlerMapping 会扫描所有的控制器类，找到与请求 URL 匹配的控制器方法。找到处理器后，DispatcherServlet 会使用相应的 HandlerAdapter 来调用该处理器方法。处理器方法处理请求，可能会涉及到业务逻辑处理、数据库查询等操作，并最终返回一个 ModelAndView 对象，其中包含了模型数据和逻辑视图名。
生成响应
服务器根据处理器的处理结果，生成 HTTP 响应消息。响应消息同样遵循 HTTP 协议格式
响应消息包含了 HTTP 状态码（如 200 表示请求成功）、响应头（如Content - Type、Content - Length等）以及响应体（即 HTML 页面内容）。响应头中说明了响应内容的类型、长度以及其他相关信息，响应体则是实际返回给浏览器展示给用户的内容。
关闭 TCP 连接
在完成数据传输后，浏览器和服务器之间的 TCP 连接会被关闭。通常会进行四次挥手来确保数据传输的完整性：
浏览器向服务器发送一个 FIN 包，表明自己已经没有数据要发送了，但仍可以接收数据。
服务器收到 FIN 包后，返回一个 ACK 包进行确认。
服务器处理完剩余数据后，也向浏览器发送一个 FIN 包。
浏览器收到服务器的 FIN 包后，再返回一个 ACK 包确认，至此 TCP 连接完全关闭。
通过以上七个主要步骤，完成了从浏览器发起调用到服务器处理并返回响应的整个过程。这一过程涉及网络、协议、服务器端框架等多个层面的知识和技术，深入理解有助于开发者更好地构建高效、稳定的 Web 应用。

浏览器发起调用到服务器的全过程解析

在 Web 应用的交互过程中，从用户在浏览器输入 URL 发起请求，到最终获取服务器返回的内容，背后涉及多个复杂而有序的步骤。理解这一过程，对于深入掌握 Web 开发、优化应用性能以及排查网络问题都具有重要意义。下面将详细阐述浏览器…...

编程日记 2025/9/7 9:32:10

塑料瓶识别分割数据集labelme格式976张1类别

数据集格式：labelme格式(不包含mask文件，仅仅包含jpg图片和对应的json文件) 图片数量(jpg文件个数)：976 标注数量(json文件个数)：976 标注类别数：1 标注类别名称:["Trash plastic"] 每个类别标注的框数…...

编程日记 2025/9/6 20:15:31

RuoYi-Vue升级为https访问-后端安装SSL证书(单台Linux服务器部署)

一、前言当Nginx已经作为反向代理并成功配置了SSL证书时，前端客户端与Nginx的通信已经是加密的。但Nginx和后端服务之间的连接可能仍然存在明文传输的风险。如果Nginx和后端服务位于同一台物理机器或者通过安全的内部网络（如私有VLAN或防火墙保护的内网）进行通信，则可以…...

编程日记 2025/9/3 1:25:15

【学习笔记】文件上传漏洞--中间件解析漏洞、编辑器安全

目录一、IIS 二、Apache HTTP Server 三、Apache HTTPD 未知后缀解析漏洞四、Apache HTTPD 换行解析漏洞五、黑、白名单六、nginx解析漏洞七、编辑器漏洞一、IIS 文件夹正常：image/qq.jpg 执行：image.asp/qq.jpg qq.jpg就会被当做asp解…...

编程日记 2025/9/6 13:40:39

【论文阅读】UniAD: Planning-oriented Autonomous Driving

一、Introduction 传统的无人驾驶采用了区分子模块的设计，即将无人驾驶拆分为感知规划控制三个模块，这虽然能够让无人驾驶以一个很清晰的结构实现，但是感知的结果在传达到规划部分的时候，会导致部分信息丢失，这势必会…...

编程日记 2025/9/7 0:46:04

【第16届蓝桥杯C++C组】--- 数位倍数

Hello呀，小伙伴们，第16届蓝桥杯也完美结束了，无论大家考的如何，都要放平心态，今年我刚上大一，也第一次参加蓝桥杯，刷的算法题也只有200来道，但是还是考的不咋滴，但是拿不…...

编程日记 2025/9/4 3:08:48

【腾讯云智】20250329笔试算法题

文章目录第一题1. 题目描述2. 思路解析3. AC代码第二题1. 题目描述2. 思路解析3. AC代码第三题1. 题目描述2. 思路解析3. AC代码第一题 1. 题目描述题目链接：牛牛的水果店 2. 思路解析这题比较简单，按数学思维把题目的意思翻译过来就是给你一…...

编程日记 2025/9/7 9:29:15

【2025最新】windows本地部署LightRAG，完成neo4j知识图谱保存

之前在服务器部署neo4j失败，无奈只能在本地部署，导致后期所有使用的知识图谱数据都存在本地，这里为了节省时间，先在本地安装LigthRAG完成整个实验流程，后续在学习各种服务器部署和端口调用。从基础和简单的部分先做起来…...

编程日记 2025/9/7 9:32:10

思考力提升的黄金标准：广度、深度与速度的深度剖析

文章目录引言一、广度的拓展：构建多元知识网络1.1 定义与重要性1.2 IT技术实例与提升策略小结：构建多元知识网络，提升IT领域思考力广度二、深度的挖掘：追求知识的精髓2.1 定义与重要性2.2 IT技术实例与提升策略小结：…...

编程日记 2025/9/4 1:19:28

7个向量数据库对比：Milvus、Pinecone、Vespa、Weaviate、Vald、GSI 和 Qdrant

7个向量数据库对比：Milvus、Pinecone、Vespa、Weaviate、Vald、GSI 和 Qdrant 本文简要总结了当今市场上正在积极开发的7个向量数据库，Milvus、Pinecone、Vespa、Weaviate、Vald、GSI 和 Qdrant 的详细比较。我们已经接近在搜索引擎体验的基础层面上涉…...

编程日记 2025/9/6 19:02:04

计算机组成原理笔记(十五)——3.5指令系统的发展

不同类型的计算机有各具特色的指令系统，由于计算机的性能、机器结构和使用环境不同，指令系统的差异也是很大的。 3.5.1 x86架构的扩展指令集 x86架构的扩展指令集是为了增强处理器在多媒体、三维图形、并行计算等领域的性能而设计的。这些扩展指令集通…...

编程日记 2025/8/31 2:15:30

Rust 中的Relaxed 内存指令重排演示：X=0 Y=0 是怎么出现的？

🔥 Rust 中的内存重排演示：X0 && Y0 是怎么出现的？ 在并发编程中，我们经常会听说“内存重排（Memory Reordering）”这个术语，但它似乎总是只出现在理论或者别人口中的幻觉里。本文将通过…...

编程日记 2025/9/3 15:23:01

vp 2023 icpc 合肥解题补题记录 [F E J G]

gym 链接: https://codeforces.com/gym/104857 F. Colorful Balloons 血签, 用 map 存一下每个颜色气球出现的次数, 找出出现次数大于一半的颜色. #include<bits/stdc.h> using namespace std;#define int long long #define endl \nsigned main() {int n;cin >> …...

编程日记 2025/8/29 3:39:23

学习SqlSugar的跨库查询基本用法

使用SqlSugar操作数据库通常都是单库操作，跨库查询的情况要么是单个系统数据不完整，需要其它系统的关联业务数据支撑，要么就是需要整合汇总多个系统的数据进行数据数据分析、处理、展示。遇到上述情况，可以要求另外的系统提供查询…...

编程日记 2025/9/6 1:22:37

智慧工厂可视化系统，赋能工业生产智能化升级

借助图扑软件 HT 搭建智慧工厂可视化系统。利用先进 3D 建模，对工厂布局、设备运行、生产流程进行逼真复刻。实时展示设备状态、生产进度、质量检测数据等，助力管理者精准洞察生产，高效决策，推动工厂智能化转型。...

编程日记 2025/9/5 23:13:02

案例驱动的 IT 团队管理：创新与突破之路：第四章危机应对：从风险预见到创新破局-4.1.2债务评估模型与优先级排序

👉 点击关注不迷路 👉 点击关注不迷路 👉 点击关注不迷路文章大纲 4.1.2 技术债务评估模型与优先级排序：构建智能决策体系一、技术债务的"冰山效应"与量化困境二、三维评估模型：穿透债务迷雾的探照灯2.1 评…...

编程日记 2025/9/5 8:52:25

nfs共享目录主配置文件权限参数

/etc/exports 文件默认为空文件，需要输入nfs共享命令格式：共享目录的路径允许访问的NFS客户端(共享权限参数) #编辑共享目录配置文件（即/etc/exports） [rootserver ~]# mkdir /nfs_share （创建共享的目录&#xf…...

编程日记 2025/9/2 1:33:25

C++ 编程指南35 - 为保持ABI稳定，应避免模板接口

一：概述模板在 C 中是编译期展开的，不同模板参数会生成不同的代码，这使得模板类/函数天然不具备 ABI 稳定性。为了保持ABI稳定，接口不要直接用模板，先用普通类打个底，模板只是“外壳”，这样 AB…...

编程日记 2025/9/5 10:29:36

探索 MCP 和 A2A 协议：本质上新协议都基于 HTTP的

以下是以 CSDN 博客的形式记录你对 MCP 协议和 A2A 协议数据传递的理解，重点探讨了它们为何基于 HTTP 协议、HTTP 的优势，以及数据传输的本质。文章面向技术社区，结构清晰，适合分享。探索 MCP 和 A2A 协议：为何新协议…...

编程日记 2025/9/4 16:50:01

Linux网络http与https

应用层协议HTTP 提示因为现在大多数都是https，所以就用https来介绍http，https比http多了一个加密功能，不影响介绍http。什么是http 虽然我们说, 应用层协议是我们程序猿自己定的. 但实际上, 已经有大佬们定义了一些现成的, 又非常好用的…...

编程日记 2025/9/6 16:29:17

C++ 算法（2）：STL list 完全解析，从入门到高效使用

1. list概述 std::list是C标准模板库(STL)中的一个双向链表容器。与vector和deque不同，list不支持随机访问，但它在任何位置插入和删除元素都非常高效，时间复杂度为O(1)。 2. list的基本特性双向链表结构：每个元素都包含指向前驱…...

编程日记 2025/8/31 16:04:35

【Linux实践系列】：匿名管道收尾+完善shell外壳程序

🔥 本文专栏：Linux Linux实践项目 🌸作者主页：努力努力再努力wz 💪 今日博客励志语录： 人生总会有自己能力所不及的范围，但是如果你在你能力所及的范围尽了全部的努力，那你还有什么遗…...

编程日记 2025/9/4 0:40:29

Linux基本指令2

1.head 查看文件的前面内容 head 路径 ：查看路径开头部分内容，如下图：head /var/log/messages查看/var/log/messages这个日志中前面内容 head -数字路径 ：查看路径开头指定数字行部分内容，如下图：he…...

编程日记 2025/9/4 17:48:06

Tkinter使用Canvas绘制图形

在Tkinter中，Canvas是一个非常强大的控件，用于绘制图形、显示图片和实现自定义图形界面。通过Canvas，您可以绘制各种形状、线条、文本等，并且能够进行灵活的动画和交互。掌握Canvas的使用将使您能够创建丰富的图形界面。 8.1 创建Canvas控件 Canvas控件是一个区域，用于绘…...

编程日记 2025/9/3 9:08:06

CF985G Team Players

我敢赌，就算你知道怎么做，也必然得调试半天才能 AC。 [Problem Discription] \color{blue}{\texttt{[Problem Discription]}} [Problem Discription] 图片来自洛谷。 [Analysis] \color{blue}{\texttt{[Analysis]}} [Analysis] 显然不可能正面计算。所以…...

编程日记 2025/9/4 0:40:31

ngx_conf_read_token - events

file_size ngx_file_size(&cf->conf_file->file.info); 获取配置文件的大小此时 file_size364 for ( ;; ) {if (b->pos > b->last) { 此时 b->pos 0x5cd4701487e4 b->last 0x5cd47014893c b->start0x5cd4701487d0 条件不成立 ch *b->pos;…...

编程日记 2025/9/2 19:31:17

L2范数与权重衰退

权重衰退定义损失函数 $ \ell(\mathbf{w}, b) $ 来衡量模型的预测值与真实值的差距使用L2范数作为硬性限制通过限制参数值的选择范围来控制模型容量 min ⁡ ℓ ( w , b ) s u b j e c t t o ∥ w ∥ 2 ≤ θ \min \ell(\mathbf{w}, b) \quad \\ subject \ to \|\mathbf{w…...

编程日记 2025/9/4 11:56:10

计算机组成原理笔记(十四)——3.4指令类型

一台计算机的指令系统可以有上百条指令，这些指令按其功能可以分成几种类型，下面分别介绍。 3.4.1数据传送类指令一、核心概念与功能定位数据传送类指令是计算机指令系统中最基础的指令类型，负责在寄存器、主存、I/O设备之间高效复制数…...

编程日记 2025/9/5 4:37:31

GM DC Monitor v2.0 数据中心监控预警平台-CMDB使用教程（第九篇）

SNMP配置管理功能使用手册本模块主要用于导入设备厂家的mib库文件，也可以手工创建对应的oid信息，用以实现设备的被动监控功能。另：系统部署完毕后，已经集成了个别厂家的MIB库数据。设计思路及使用教程设计思路：通…...

编程日记 2025/9/6 1:22:39

try-with-resources 详解

try-with-resources 详解一、基本概念 try-with-resources 是 Java 7 引入的语法结构，用于自动管理资源（如文件流、数据库连接等需要关闭的对象）。核心特点自动资源释放：无需手动调用 close() 简洁代码：减少 tr…...

编程日记 2025/9/2 6:15:53

第二十四：查看当前端口号是否被占用

查看当前　端口号是否被占用： mac 情况下：　lsof -i :端口号 netstat -an | grep 端口号系统将显示监听该端口的进程信息，包括进程名称、进程ID、用户和协议等。如果需要更多信息，可以添加-P和-n参数，例如&#xf…...

编程日记 2025/9/3 0:11:23

【数据结构与算法】——堆（补充）

前言上一篇文章讲解了堆的概念和堆排序，本文是对堆的内容补充主要包括：堆排序的时间复杂度、TOP 这里写目录标题前言正文堆排序的时间复杂度TOP-K 正文堆排序的时间复杂度前文提到，利用堆的思想完成的堆排序的代码如下（包…...

编程日记 2025/9/6 17:07:47

【Web功能测试】Web商城搜索模块测试用例设计深度解析

Web商城的搜索模块功能测试用例设计 1.搜索功能设计 1.1 搜索框设计位置显眼：通常置于页面顶部中央，符合用户习惯。智能提示（Autocomplete）：输入时实时推荐关键词、商品或分类（如“手机苹果”&#x…...

编程日记 2025/9/4 21:37:30

ubuntu 18.04安装tomcat,zookeeper,kafka,hadoop,MySQL,maxwell

事情是这样的，因为昨天发现我用的ubuntu16.04官方不维护了，以及之前就觉得不是很好用，于是升级到了18.04。如图： 但是！由于为备份升级前忘记关闭服务，上面装好的东西所剩无几。于是我重装了。。。如何启…...

编程日记 2025/9/6 19:34:16

设计模式(结构型)-享元模式

摘要在软件开发的广阔领域中，随着系统规模的不断膨胀，资源的有效利用逐渐成为了一个至关重要的议题。当一个系统中存在大量相似的对象时，如何优化这些对象的管理，减少内存的占用，提升系统的整体性能，成为了…...

编程日记 2025/9/4 9:19:00

1.1显存

显存是显卡（GPU）专用的高性能内存，负责存储渲染所需的纹理、帧缓冲、几何数据等。其设计直接影响图形性能、分辨率和复杂场景处理能力苹果统一内存（Unified Memory）、集成显卡共享内存（Integrated Graphi…...

编程日记 2025/9/6 18:59:32

C# 选择文件的路径、导出文件储存路径

1、选择导入文件，获取其路径 C#通过这段代码将弹出一个文件选择对话框，允许用户选择一个文件，并返回所选文件的完整路径。如果用户取消了选择，则直接返回结束函数。 string OpenFilePath;//存储选择到的文件的完整路径OpenFileDia…...

编程日记 2025/9/3 10:04:48

【最后203篇系列】027 基于消息队列的处理架构

起因之所以写这篇文章，主要是梳理一下进展。因为同时研究好几块内容，切换起来要点时间。这次也是因为协作的同事们把各自的分工都搞定了，瓶颈反而在我自己这里，哈哈。除了帮自己思路恢复过来，我觉得这方法可能也有…...

编程日记 2025/9/5 3:59:30

多线程与Tkinter界面交互

在现代图形用户界面（GUI）应用程序中，可能会遇到需要长时间运行的任务，例如网络请求、数据处理或文件读取等。如果这些任务直接在主线程中运行，会导致GUI界面“卡顿”或“不响应”。为了保持界面流畅和响应用户操作，我们可以通过使用多线程来将这些任务移到后台运行。然而…...

编程日记 2025/9/2 15:03:55

【工程开发】LLMC准确高效的LLM压缩工具（一）

【文献阅读】LLMC: Benchmarking Large Language Model Quantization with a Versatile Compression Toolkit 北航 2024年10月摘要大语言模型（LLMs）的最新进展凭借其卓越的涌现能力和推理能力，正推动我们迈向通用人工智能。然而&#…...

编程日记 2025/9/6 14:44:34

回顾CSA，CSA复习

RHCSA redhat certificate system Administrator RHCE redhat certificate engineer 回顾CSA 文件管理创建文件：touch 、重定向、vim 阅读文件：cat看短小的文件、vim、head看文件前面部分、tail看文件的尾部内容、more、less看文档使用more和less…...

编程日记 2025/9/4 5:37:51

基于电子等排体的3D分子生成模型 ShEPhERD - 评测

一、背景介绍 ShEPhERD 是一个由 MIT 开发的一个 3D 相互作用感知的 ligand-based的分子生成模型，以 arXiv 预印本的形式发表于 2024 年，被ICLR2025 会议接收。文章链接：https://openreview.net/pdf?idKSLkFYHlYg ShEPhERD 是一种基于去噪扩…...

编程日记 2025/9/4 16:58:33

平凡日子里的挣扎

2025年4月13日，9~23℃，好待办： 融智云考平台《物理》《物理2》~~《地理》《地理1》~~重修试卷卫健委统考监考（2025年4月12日早上7点半） 冶金《物理》课程标准冶金《物理》教案期中教学检查——自查表材料&#xff…...

编程日记 2025/9/1 22:37:47

智能制造方案精读：117页MES制造执行系统解决方案【附全文阅读】

本方案围绕制造执行系统（MES）展开，阐述了智能制造相关概念及发展趋势，指出 MES 是连接 ERP 与生产现场的关键系统。介绍其在加工、装配及其他场景的应用，通过实例展示各场景下的功能、特点和实施效果，如实现生产信息可视化、产品追溯、设备监控等。还提及实施 MES 面临的…...

编程日记 2025/9/6 20:45:20

[推荐]AI驱动的知识图谱生成器（AI Powered Knowledge Graph Generator）

网址：https://github.com/robert-mcdermott/ai-knowledge-graph# 一、介绍简介：以非结构化文本文档为输入，使用您选择的LLM以主语-谓语-宾语 (SPO) 三元组的形式提取知识，并将这些关系可视化为交互式知识图谱特点&#xff1a…...

编程日记 2025/9/4 6:22:05

波束形成（BF）从算法仿真到工程源码实现-第七节-关于波束10个基本概念

一、波束10个基本概念 1.作用： 对多路麦克风信号进行合并处理，抑制非目标方向的干扰信号，增强目标方向的声音信号。 2.原理： 调整相位阵列的基本单元参数，使得某些角度的信号获得相长干涉，而另一些角度的…...

编程日记 2025/9/6 1:22:42

深度学习（第一集）

123 import torch# 创建一个需要计算梯度的张量 x1 torch.tensor([2.0], requires_gradTrue)# 定义一个简单的函数 y x^2 y x1 ** 4# 计算梯度 y.backward()print("x1.grad 的值：", ) # 打印 x1.grad print("x1.grad 的值：", x1…...

编程日记 2025/8/27 13:03:56

Spring 事务传播行为

在Spring框架中，事务传播行为（Transaction Propagation）定义了事务在多个方法调用之间的行为方式。理解这些传播行为对于设计可靠的事务管理策略至关重要。以下是Spring支持的七种事务传播行为及其应用场景的详细说明： 1. REQUIRED（默认）行为：如果当前存在事务，则加入…...

编程日记 2025/9/1 21:56:14

搬运机器人的基本工作场景及原理

搬运机器人广泛应用于工业生产中，主要用于搬运、堆放、装配等工作。它通过机械手臂的运动，结合机器视觉技术完成各种自动化作业。一、搬运机器人的设计原理搬运机器人通常采用可移动门架式结构，手臂承载机构安装在导轨上，可以沿…...

编程日记 2025/9/6 12:26:29

Ubuntu终端中常用的快捷键整理

1. 导航与编辑光标移动： Ctrl A：跳转到行首。 Ctrl E：跳转到行尾。 Alt B：向左移动一个单词（或 Ctrl ←）。 Alt F：向右移动一个单词（或 Ctrl →）。删除操作…...

编程日记 2025/9/6 4:07:01

相关文章：