[特殊字符] HTTP 超详细详解 | 从入门到看懂浏览器请求

发布时间:2026/7/15 11:55:10

[特殊字符] HTTP 超详细详解 | 从入门到看懂浏览器请求 前言HTTP 是 Web 开发的基石不管是前端、后端、测试还是网安都必须掌握。这篇文章带你从零开始彻底搞懂 HTTP、HTTPS、URL、请求响应、状态码、Cookie 等核心知识点。一、什么是 HTTPHTTP 的全称是HyperText Transfer Protocol超文本传输协议。简单理解HTTP 就是浏览器和服务器之间“交流”的规则。我们访问网页、加载图片、视频、接口数据全部依赖 HTTP 完成。HTTP 由 Tim Berners-Lee 在 1989–1991 年设计是互联网最基础的协议之一。二、什么是 HTTPS?HTTPS HTTP Secure也就是加密版的 HTTP。它的作用数据加密别人无法窃听你和服务器之间的传输内容身份验证确保你访问的是真实服务器不是钓鱼网站数据完整性防止内容被篡改一句话总结HTTP 不安全HTTPS 安全。三、URL 结构详解URL 就是我们常说的“网址”它告诉浏览器去哪里、找什么资源。一个完整的 URL 结构如下https://user:password域名:端口/路径?查询参数#片段各部分含义Scheme协议http、https、ftp 等User用户信息用于身份验证很少使用Host主机域名或 IP 地址Port端口HTTP 默认 80HTTPS 默认 443Path路径要访问的页面或资源位置Query String查询参数向后端传递数据如 ?id1Fragment片段页面内锚点用于快速跳转到页面某位置四、HTTP 请求与响应浏览器访问网页本质就是浏览器发送请求 → 服务器返回响应。1. 请求示例Request最简单的 HTTP 请求只需要一行GET / HTTP/1.1真实请求示例GET / HTTP/1.1 Host: example.com User-Agent: Mozilla/5.0 Firefox/87.0 Referer: https://example.com/含义GET请求方法表示获取资源/访问网站根目录Host要访问的域名User-Agent浏览器信息Referer从哪个页面跳转过来2. 响应示例ResponseHTTP/1.1 200 OK Server: nginx Date: Wed, 15 May 2024 10:00:00 GMT Content-Type: text/html Content-Length: 98 html headtitle首页/title/head body欢迎访问/body /html含义200 OK请求成功Server服务器软件Content-Type返回内容类型HTML/JSON/图片等Content-Length内容长度空行之后就是真实的网页数据五、HTTP 请求方法HTTP 方法表示客户端想要执行的操作最常用的有 4 个GET获取数据查POST提交数据增PUT更新数据改DELETE删除数据删六、HTTP 状态码必背状态码表示请求的结果分为 5 大类100–199信息提示200–299成功300–399重定向400–499客户端错误500–599服务端错误最常见状态码200 OK成功301永久重定向302临时重定向400请求错误401未登录403禁止访问404资源不存在500服务器内部错误503服务不可用七、HTTP 头部 HeadersHeaders 是请求/响应中携带的附加信息用于沟通。常用请求头Host访问的域名User-Agent浏览器信息Content-Length数据长度Accept-Encoding支持的压缩方式Cookie身份凭证常用响应头Set-Cookie设置 CookieCache-Control缓存策略Content-Type返回数据类型Content-Encoding压缩方式八、Cookie 是什么HTTP 是无状态stateless协议服务器记不住你。于是用Cookie来保存你的状态。工作流程服务器返回 Set-Cookie浏览器保存 Cookie之后每次请求自动带上 Cookie服务器就知道“你是谁”Cookie 主要用于登录状态保持用户个性化设置用户行为记录可通过FNF12打开Developer Tool的Network页面查看Cookie

相关新闻