HTTP结构、版本、请求方法、HTTPS加密过程面试必备

ZhaiMou

于 2024-10-04 23:19:18 发布

阅读量863

点赞数 21

文章标签： http https 面试前端网络网络协议 ajax

本文链接：https://blog.csdn.net/weixin_63625059/article/details/142708951

版权

在这里插入图片描述

HTTP(HyperText Transfer Protocol)

定义：HTTP 是无状态的应用层协议，用于在 Web 上传输数据，如 HTML 文件、图片等。

特性：

无状态：每个请求都是独立的，不会记住之前的请求信息。
端口：默认使用端口 80。
加密：未加密，数据在传输过程中可以被监听或篡改。

HTTPS（HyperText Transfer Protocol Secure）

定义：HTTPS 是在 HTTP 上添加了 SSL/TLS 加密层的安全协议，用于保护数J据传输的安全性。
特性：

安全性：通过 SSL/TLS 协议对数据进行加密，防止数据在传输过程中被窃听或篡改。
身份验证：确保通信双方的身份，防止中间人攻击。
端口：默认使用端口 443。
SEO 优势：搜索引擎（如 Google）对 HTTPS 网站给予更高的排名。

HTTP消息结构

HTTP 请求消息结构

请求行
包含 HTTP 方法（如 GET、POST 等）、请求目标（URL）和 HTTP 版本。
请求头
包含多个字段，用于提供客户端信息、请求上下文和其他相关数据。
空行
请求头与请求体之间需要一个空行，以标识头部的结束。
请求体
包含发送到服务器的数据，通常在 POST 或 PUT 请求中使用。

HTTP 响应消息结构

状态行

包含 HTTP 版本、状态码和状态描述。

响应头

提供服务器信息、响应上下文和其他相关数据。

空行

响应头与响应体之间需要一个空行，以标识头部的结束。

响应体

包含实际返回的数据，如 HTML 文档、JSON 数据等。

常见的HTTP请求

1. GET

用途：请求指定的资源，主要用于获取数据。
特点：
- 请求的数据附加在 URL 中（查询字符串）。
- 不会对服务器的状态造成影响（幂等性）。
- 可被缓存，并且可以通过书签保存。

2. POST

用途：向指定资源提交数据，通常用于创建新资源。
特点：
- 数据放置在请求体中，而不是 URL 中。
- 可能导致服务器状态变化（非幂等性）。
- 通常不被缓存。

3. PUT

用途：更新指定的资源或创建资源（如果资源不存在）。
特点：
- 数据放置在请求体中。
- 是幂等的：多次请求结果相同。

4. DELETE

用途：请求删除指定的资源。
特点：
- 也是幂等的：多次请求应产生相同的效果。

5. PATCH

用途：部分更新指定资源。
特点：
- 只需发送要更新的数据，而不是整个资源。
- 通常用于局部修改。

6. HEAD

用途：类似于 GET，但只请求响应头，不返回响应体。
特点：
- 用于获取元信息，如内容类型和长度，适合检查资源是否存在。

7. OPTIONS

用途：请求指定资源的支持方法。
特点：
- 允许客户端询问服务器支持哪些 HTTP 方法。

8. TRACE

用途：用于诊断，回显服务器收到的请求，用于测试和诊断。
特点：
- 一般不常用，可能存在安全风险。

针对大数据展示做处理/vuebigdata/src/store/index.js
import axios from 'axios';

// GET 请求
axios.get('/api/endpoint')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

// POST 请求
axios.post('/api/endpoint', { data: 'yourData' })
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

// PUT 请求
axios.put('/api/endpoint/1', { data: 'updatedData' })
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

// DELETE 请求
axios.delete('/api/endpoint/1')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });
// PATCH 请求
axios.patch('/api/endpoint/1', { data: 'partialUpdate' })
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

详细说说get请求与post请求有什么区别?

GET：用于请求数据或获取数据、通过URL查询字符串传递、数据暴露在 URL 中，容易被缓存和记录在浏览器历史中，因此安全性较低、多次请求相同的 GET 方法不会改变服务器状态、可以被浏览器和中间代理缓存，有助于提高性能。

POST: 用于提交数据或向服务器发送信息。数据包含在请求体中，而不是 URL 中、适合传输敏感信息，但仍需结合 HTTPS 加密确保安全、每次请求可能会导致服务器状态变化(例如创建新资源)、通常不被缓存，因为它用于修改服务器状态。