一、前端问题

1. 页面无法加载

• 表现：用户打开页面时只看到空白或加载中。
• 实例：用户报告说访问首页后没有任何内容。
• 定位与解决：
  • 检查控制台：查看是否有404或JavaScript错误。
  • 解决方案：确认HTML、CSS和JavaScript文件的路径正确，并确保服务器正常运行。

2. 样式错乱

• 表现：页面布局与设计不符，元素重叠或错位。
• 实例：用户反馈按钮位置不对，样式失效。
• 定位与解决：
  • 使用开发者工具：检查元素的CSS属性，确认样式是否被覆盖。
  • 解决方案：检查CSS文件是否正确加载，修复样式冲突。

3. API请求失败

• 表现：前端通过AJAX请求数据时，收到错误响应。
• 实例：用户尝试登录，点击“提交”后返回404错误。
• 定位与解决：
  • 查看网络请求：在“网络”选项卡中查看请求状态和返回内容。
  • 解决方案：检查API路径是否正确，并确认后端服务已启动。

4. 数据格式错误

• 表现：后端返回的数据结构与前端预期不一致。
• 实例：用户在表单提交后，收到错误格式的返回数据。
• 定位与解决：
  • 检查API文档：确认后端返回的数据格式是否符合预期。
  • 解决方案：修改后端代码，确保返回的数据结构正确。

5. 跨域请求问题

• 表现：前端无法访问后端API，控制台报错CORS。
• 实例：用户尝试从不同域名请求数据时，出现跨域错误。
• 定位与解决：
  • 查看控制台错误：检查具体的CORS错误信息。
  • 解决方案：在后端设置CORS策略，允许特定源进行请求。

二、后端问题

6. 表单验证失败

• 表现：用户提交表单时，未显示验证错误或提交无效数据。
• 实例：用户填写表单，提交后没有提示信息。
• 定位与解决：
  • 检查JavaScript代码：查看表单验证逻辑是否正常。
  • 解决方案：确保在表单提交前进行有效性检查，并给予用户反馈。

7. 数据库连接失败

• 表现：后端无法读取或写入数据库。
• 实例：用户尝试登录时，后端返回“无法连接到数据库”的错误。
• 定位与解决：
  • 检查后端日志：查看是否有数据库连接错误。
  • 解决方案：确认数据库服务运行，并检查连接配置（如用户名、密码、端口）。

8. 请求超时

• 表现：前端请求长时间无响应，显示超时。
• 实例：用户请求数据时，页面长时间无反应。
• 定位与解决：
  • 查看网络请求：确认请求是否超时，以及响应时间。
  • 解决方案：优化后端处理逻辑，确保快速响应。

9. 权限问题

• 表现：用户访问受限资源时返回403或401错误。
• 实例：用户尝试访问管理页面时，显示未授权。
• 定位与解决：
  • 检查用户状态：确认用户是否已登录及其角色权限。
  • 解决方案：修复权限设置，确保用户具有访问所需资源的权限。

10. JavaScript运行错误

• 表现：用户在页面操作时，控制台报错，功能无法使用。
• 实例：用户点击某个按钮时，出现Uncaught TypeError错误。
• 定位与解决：
  • 查看控制台错误信息：确认具体的错误类型和位置。
  • 解决方案：修复代码逻辑，确保所调用的对象或函数正确。

---

三、日志查询的方法

1. 查看日志文件

• 使用 less 或 more 命令：

  less /path/to/logfile.log
  

• 查看文件的前100行：

  head -n 100 /path/to/logfile.log
  

• 查看文件的后100行：

  tail -n 100 /path/to/logfile.log
  

2. 过滤关键字

• 使用 grep 过滤特定关键字：

  grep "关键字" /path/to/logfile.log
  

• 查看某一特定接口的日志：

  grep "/api/specific-endpoint" /path/to/logfile.log
  

• 查看某一特定用例的日志（假设用例有特定的标识符）：

  grep "用例ID" /path/to/logfile.log
  

3. 实时查看日志

• 结合 tail 和 grep 实时查看特定关键字的日志：

  tail -f /path/to/logfile.log | grep "关键字"
  

推荐阅读：
Postman深入测试接口的详细指南
测试小白–如何写好测试用例–测试用例编写的方法

---

以上均为本人自我总结，需要帮助请私信我，及欢迎各位前来探讨~