理解 HTTP：一次网页请求发生了什么

01请求与响应

打开网页时，浏览器向服务器发送请求，服务器返回响应。请求通常包含方法、路径和请求头；响应包含状态码、响应头以及可选的消息体。HTML、样式和脚本可能分别通过不同请求获取。

02认识方法和状态码

GET 通常用于读取资源，POST 常用于提交数据。200 表示请求成功，404 表示未找到资源，500 表示服务器内部错误。状态码描述请求处理结果，具体问题仍需结合响应内容与服务日志分析。

03读取 JSON 响应

fetch 不会因为 HTTP 404 自动抛出异常，因此应先检查 response.ok，再读取结果。下面的 /api/tutorials 只是示例地址，练习时需要替换为实际可用的接口。

async function loadTutorials() {
  const response = await fetch("/api/tutorials");
  if (!response.ok) {
    throw new Error(`请求失败：${response.status}`);
  }
  return await response.json();
}

04使用浏览器观察

打开开发者工具的 Network 面板并刷新页面。选择一个请求，查看 URL、方法、状态码与返回内容。遇到加载失败时，先确认请求是否发出，再检查返回结果，有助于缩小排查范围。