前端面试中如何回答HTTP状态码相关问题？

如何精准回答HTTP状态码相关问题？

在前端面试中，HTTP状态码相关的问题几乎是必考内容，面试官通常会通过这类问题考察候选人对网络通信基础的理解深度，以及解决实际问题的能力。回答这类问题的核心在于：清晰分类常见状态码，结合场景说明用途，并展现对状态码背后逻辑的思考，以下将从分类、常见问题解析及回答技巧三方面展开,助你在面试中从容应对。

HTTP状态码的分类与核心代码速记

HTTP状态码由三位数字组成，分为五类：

1xx（信息性状态码）：请求已接收，继续处理（如100 Continue，前端较少涉及）。
2xx（成功状态码）：
- 200 OK：通用成功响应，请求正常处理并返回数据。
- 201 Created：资源创建成功（如POST请求后服务器生成新资源）。
- 204 No Content：请求成功但无返回数据（如DELETE操作后）。
3xx（重定向状态码）：
- 301 Moved Permanently：永久重定向，资源路径永久变更（SEO友好）。
- 302 Found/307 Temporary Redirect：临时重定向，资源路径临时变更（如登录跳转）。
- 304 Not Modified：缓存命中，服务器告知客户端可使用本地缓存（需配合ETag或Last-Modified头）。
4xx（客户端错误状态码）：
- 400 Bad Request：请求参数格式错误或缺失。
- 401 Unauthorized：未认证，需提供有效凭证（如Token失效）。
- 403 Forbidden：认证通过但无权限访问资源（如普通用户访问管理员接口）。
- 404 Not Found：请求资源不存在（需区分后端无路由或资源确实缺失）。
5xx（服务器错误状态码）：
- 500 Internal Server Error：服务器内部错误（如代码异常未捕获）。
- 502 Bad Gateway：网关错误（如Nginx反向代理时后端服务崩溃）。
- 504 Gateway Timeout：网关超时（后端响应时间超过网关配置阈值）。

记忆技巧：按“2成功、3跳转、4客户端错、5服务端错”分类记忆，结合实际场景联想（如401与403的区别可通过“认证≠授权”理解）。

面试高频问题与回答策略

问题1：403和401的区别是什么？
- 回答要点：
  - 401强调“未认证”，需检查身份凭证（如Token、Cookie）；
  - 403表示“已认证但无权限”，需核对用户角色或接口权限配置。
  - 示例：“若用户未登录访问需认证的接口返回401，登录后仍无权限则返回403，比如普通用户尝试删除他人数据。”
问题2：如何利用304状态码优化前端性能？
- 回答要点：
  - 结合缓存头（ETag、Last-Modified）与协商缓存机制；
  - 客户端首次请求资源时，服务器返回资源及ETag值；
  - 后续请求携带If-None-Match头，服务器对比ETag，若未修改则返回304，客户端直接使用缓存。
  - 价值：减少数据传输量,提升页面加载速度。
问题3：502和504错误的可能原因及解决方案？
- 回答要点：
  - 502：后端服务崩溃或无响应，需检查后端日志、重启服务或优化代码；
  - 504：后端响应超时，需调整网关超时时间或优化后端接口性能（如数据库查询优化）；
  - 扩展思考：可提及使用熔断机制（如Hystrix）或负载均衡避免单点故障。