服务器端常见响应码

1xx（信息性响应）

• 100 Continue：表示服务器已经接收到请求头，并且客户端应当继续发送请求的剩余部分，或者如果请求已经完成，则忽略这个响应。
• 101 Switching Protocols：表示服务器已经理解了客户端的请求，并将通过Upgrade消息头通知客户端采用不同的协议来完成这个请求。

2xx（成功响应）

• 200 OK：表示请求已成功，请求所希望的响应头或数据体将随此响应返回。
• 201 Created：表示请求成功并且服务器创建了新的资源。
• 202 Accepted：表示请求已经接受，但处理尚未完成。
• 204 No Content：表示服务器成功处理了请求，但没有返回任何内容。
• 206 Partial Content：表示服务器成功处理了部分GET请求。

3xx（重定向响应）

• 301 Moved Permanently：表示请求的网页已永久移动到新位置。
• 302 Found：表示请求的网页已临时移动到新位置。
• 304 Not Modified：表示自从上次请求后，请求的网页未修改过，客户端可以直接从本地缓存中获取数据。

4xx（客户端错误响应）

• 400 Bad Request：表示服务器无法理解请求的格式，客户端不应当尝试再次使用相同的内容发起请求。
• 401 Unauthorized：表示请求未授权，需要用户通过表单提交一个包含一个适当的认证令牌来访问该网页。
• 403 Forbidden：表示服务器理解请求客户端的请求，但是拒绝执行此请求。
• 404 Not Found：表示服务器无法根据客户端的请求找到资源（网页）。

5xx（服务器错误响应）

• 500 Internal Server Error：表示服务器遇到了一个未曾预料的状况，导致了它无法完成对请求的处理。
• 502 Bad Gateway：表示作为网关或者代理工作的服务器尝试执行请求时，从上游服务器接收到无效的响应。
• 503 Service Unavailable：表示由于临时的服务器维护或者过载，服务器当前无法处理请求。这个状况是临时的，并且将在一段时间以后恢复。

如何区分前端问题还是后端问题？

1. 理解问题现象：
   • 首先，你需要清楚地了解问题的具体表现，比如是页面加载缓慢、按钮点击无响应、数据未显示还是页面报错等。
2. 检查网络请求：
   • 使用浏览器的开发者工具（如Chrome的DevTools）查看网络（Network）标签页，检查相关的HTTP请求和响应。
   • 注意请求的URL、请求方法（GET/POST等）、请求头（Headers）、请求体（Body，如果有的话）以及响应状态码（如200表示成功，404表示未找到，500表示服务器内部错误）。
   • 如果响应状态码是4xx或5xx，或者响应时间过长，可能是后端问题。
   • 如果请求已经成功发送但前端没有正确显示数据，可能是前端渲染问题。
3. 查看控制台日志：
   • 在浏览器的控制台（Console）标签页中查看是否有错误信息或警告。
   • 错误信息可能直接指向前端代码的问题，如JavaScript错误、CSS样式问题等。
   • 如果有跨域请求问题或API调用错误，也可能是后端未正确处理CORS策略或API接口有误。
4. 分析请求与响应数据：
   • 对比请求的数据格式和响应的数据格式，看是否符合预期。
   • 如果后端返回的数据格式不正确或缺少必要字段，可能是后端问题。
   • 如果后端返回的数据正确但前端未正确渲染，可能是前端逻辑错误或数据绑定问题。
5. 使用Postman或类似工具：
   • 使用Postman等工具直接向后端API发送请求，可以绕过前端逻辑，直接测试后端接口。
   • 这有助于确认问题是出在前端还是后端。
6. 检查浏览器兼容性：
   • 如果问题只出现在特定浏览器上，可能是前端代码在该浏览器上的兼容性问题。
7. 查看服务器日志：
   • 如果可能的话，查看后端服务器的日志文件，了解后端在处理请求时发生了什么。
   • 服务器日志可以提供关于错误原因、异常堆栈等详细信息。
8. 利用版本控制和部署历史：
   • 查看最近的代码变更和部署记录，确定问题是否由最近的更改引起。
   • 有时候，回滚到之前的版本可以快速定位问题。
9. 沟通协作：
   • 如果问题复杂或涉及多个团队（如前端团队和后端团队），及时沟通协作是非常重要的。
   • 可以通过会议、邮件或即时通讯工具分享问题现象、诊断过程和初步结论。