Fetch 与 Axios 详解（JavaScript HTTP 请求工具）

1. Fetch API（现代浏览器原生支持）

核心特点：

• 浏览器原生 API（无需安装）
• 基于 Promise 设计
• 符合现代 Web 标准

基本用法：

1
2
3
4
5
6
7

fetch(url, options)
  .then(response => {
    if (!response.ok) throw new Error('HTTP error');
    return response.json(); // 解析为JSON
  })
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

关键配置项（options）：

1
2
3
4
5
6
7
8
9
10
11

{
  method: 'POST',      // GET, PUT, DELETE 等
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer token'
  },
  body: JSON.stringify(data),  // POST/PUT 数据
  mode: 'cors',        // cors, no-cors, same-origin
  cache: 'no-cache',   // 缓存控制
  credentials: 'include' // 携带cookie
}

优势：

• 零依赖、轻量级
• 流式数据处理支持（response.body）
• 符合 Web 标准，未来兼容性好

缺点：

• 不自动处理错误状态码（404/500 不会触发 catch）
• 需手动转换响应数据（需调用 .json()/.text()）
• 不支持请求超时设置（需用 AbortController 实现）
• 默认不携带 cookie
• 无请求/响应拦截器

超时处理示例：

1
2
3
4
5
6
7
8
9
10

const controller = new AbortController();
setTimeout(() => controller.abort(), 5000); // 5秒超时

fetch(url, {
  signal: controller.signal
}).catch(err => {
  if (err.name === 'AbortError') {
    console.log('请求超时');
  }
});

2. Axios（第三方库）

核心特点：

• 功能丰富的 HTTP 客户端
• 支持浏览器和 Node.js
• 自动转换 JSON 数据

安装：

1
2
3

npm install axios
# 或
yarn add axios

基本用法：

1
2
3
4
5
6
7

axios.get(url, { params: { id: 1 } })
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

axios.post(url, { name: 'John' }, {
  headers: { 'X-Custom-Header': 'value' }
});

关键特性：

拦截器示例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

// 请求拦截器
axios.interceptors.request.use(config => {
  config.headers.Auth = 'Bearer token'; // 自动添加token
  return config;
});

// 响应拦截器
axios.interceptors.response.use(
  response => response,
  error => {
    if (error.response.status === 401) {
      // 统一处理未授权错误
    }
    return Promise.reject(error);
  }
);

取消请求示例：

1
2
3
4
5
6
7
8
9
10
11

const source = axios.CancelToken.source();

axios.get(url, { cancelToken: source.token })
  .catch(thrown => {
    if (axios.isCancel(thrown)) {
      console.log('请求取消:', thrown.message);
    }
  });

// 取消请求
source.cancel('用户取消操作');

3. Fetch vs Axios 核心对比

4. 使用场景推荐

• 推荐使用 Fetch 的场景：

  • 小型项目或简单请求
  • 需要最小化依赖
  • 使用现代浏览器且不需要高级功能
  • 需要流式数据处理（如大文件下载）

• 推荐使用 Axios 的场景：

  • 企业级应用
  • 需要统一错误处理
  • 需要请求拦截（如自动添加 token）
  • 需要上传进度条等高级功能
  • 兼容旧版浏览器（如 IE11）

5. 最佳实践示例

Fetch 高级封装：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

async function safeFetch(url, options = {}) {
  const controller = new AbortController();
  const timeoutId = setTimeout(() => controller.abort(), 10000);

  try {
    const response = await fetch(url, {
      ...options,
      credentials: 'include',
      signal: controller.signal
    });

    clearTimeout(timeoutId);

    if (!response.ok) {
      throw new Error(`HTTP ${response.status}`);
    }
    return await response.json();
  } catch (error) {
    throw new Error(`请求失败: ${error.message}`);
  }
}

Axios 实例封装：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

const api = axios.create({
  baseURL: 'https://api.example.com',
  timeout: 10000,
  headers: { 'Content-Type': 'application/json' }
});

// 添加请求拦截器
api.interceptors.request.use(config => {
  config.headers.Authorization = `Bearer ${getToken()}`;
  return config;
});

// 使用封装实例
api.get('/users')
  .then(({ data }) => console.log(data));

6. 总结

• Fetch：轻量级原生解决方案，适合简单场景和现代浏览器，但需自行封装高级功能
• Axios：功能全面的 HTTP 客户端，提供开箱即用的高级特性（拦截器、取消请求等），适合复杂项目
• 选择建议：
  • 优先考虑项目复杂度而非技术新颖性
  • 新项目可首选 Axios 减少重复封装
  • 对包体积敏感的场景（如微前端）可选用 Fetch
  • 考虑团队熟悉度和维护成本

考取 Kubernetes 相关认证（如 CKA、CKAD 或 CKS）

1. 选择适合的认证

• CKA（Certified Kubernetes Administrator）

  • 重点：集群运维、故障排查、网络/存储配置、安全等。
  • 适合人群：运维、DevOps、SRE 等需管理 Kubernetes 集群的岗位。
  • 考试内容：
    • 集群安装、升级
    • 工作负载调度（Deployment、DaemonSet 等）
    • 网络（Service、Ingress、DNS）
    • 存储（PV、PVC）
    • 安全（RBAC、SecurityContext）
    • 故障排查（节点、Pod、日志）

• CKAD（Certified Kubernetes Application Developer）

  • 重点：应用开发、部署、调试（更侧重 YAML 编写）。
  • 适合人群：开发、云原生应用工程师。
  • 考试内容：
    • Pod 设计（多容器、InitContainer）
    • Deployment 滚动更新、回滚
    • ConfigMap/Secret 使用
    • 调试（Probe、日志）
    • Helm 基础（Chart 模板）

• CKS（Certified Kubernetes Security Specialist）

  • 前置要求：需先通过 CKA。
  • 重点：集群安全（认证、授权、审计、运行时安全）。

2. 报名与考试信息

• 官网：Linux Foundation Training
• 考试形式：
  • 线上监考，时长 2 小时（CKA/CKAD）或 2.5 小时（CKS）。
  • 实操题：在真实 Kubernetes 集群中完成任务（需快速编写 YAML 或命令行操作）。
• 通过分数：CKA/CKAD 66%，CKS 67%。

3. 备考资源与步骤

① 官方资源

• Kubernetes 官方文档：
  • 重点章节：Concepts > Workloads、Services/Networking、Storage、Security。
  • 文档搜索技巧（考试时可快速查阅）。
• 考试大纲：下载最新版，逐项攻克（官网提供）。

② 推荐学习平台

• 理论+实践课程：
  • KodeKloud（互动式实验，适合新手）。
  • Udemy: Mumshad Mannambeth 的课程（含模拟题）。
• 动手实验：
  • Killercoda（免费在线 Kubernetes 实验环境）。
  • 本地搭建集群：Minikube、Kind 或 kubeadm。

③ 刷题与模拟

• 模拟考试：
  • Killer.sh（官方提供的模拟环境，难度略高于实际考试）。
  • 重点练习：快速编写 YAML（kubectl run --dry-run=client -o yaml 生成模板）。
• 高频考点：
  • CKA：etcd 备份恢复、网络策略（NetworkPolicy）、节点维护。
  • CKAD：自定义调度器（nodeSelector、Affinity）、Pod 生命周期钩子。

④ 考试技巧

• 时间管理：每题不超过 5-10 分钟，标记难题最后做。
• 命令别名：提前设置 alias k=kubectl 并启用自动补全。
• 文档速查：学会用 kubectl explain 和官方文档搜索（Ctrl+F）。

4. 考试当天注意事项

• 环境准备：
  • 稳定的网络、安静的空间、摄像头/麦克风。
  • 关闭无关软件，避免使用多显示器。
• 允许的资源：
  • 仅可访问 Kubernetes 官方文档 和 GitHub 官方仓库。

5. 认证后的维护

• 有效期：CKA/CKAD/CKS 认证有效期为 3 年，可通过重考或参与 Linux 基金会活动续期。
• 简历展示：将认证徽章（Badge）添加到 LinkedIn/GitHub。

6. 其他建议

• 先考 CKAD 还是 CKA？
  • 如果你是开发者，先考 CKAD；如果侧重运维，直接考 CKA。
• CKS 建议：在通过 CKA 后 1-2 个月内备考（安全知识重叠）。