日志定位.jpg

前后端

前后端定位.jpg

前端：

• 收集数据、数据校验、数据处理、数据解析、数据展现

后端：

• 数据解析、数据校验、数据处理

日志定位

以此网页为例

前提：

• 发现问题之后才进行日志定位

步骤：

看界面提示

image.png

前端报错看日志

• 请求里有问题，一定是前端出错，响应里有问题，有可能是服务器错误，需要找后端处理

• web端报错日志在F12开发者工具中console（控制台）里查看是否报错，然后在network中复制内容在json在线解析中解析内容

  
  image.png

image.png
image.png image.png

抓包看请求响应

1538036067(1).jpg

• 测试网站上所填信息和fiddler里请求栏里展示的内容不一样时，应是前端错误；如果是请求栏里正确，看响应栏，如果是响应成功，看响应内容

  
  image.png
• 如果是3xx、4xx的提示，需要重新检查请求内容，检查是否前端错误，如果是5xx提示，去查日志

服务器日志&看数据库

image.png

linux命令

1538037100.jpg 1538036187(1).jpg 1538036277(1).jpg

• 搜索 ：grep
• 打开文件 ： cat 、grep -n 关键字 * 、more +行号 日志文件名 、tail -100f 日志文件名
• 在more的层级内部的命令 ：
  空格 ： 往下翻一页
  back 1 page ：返回上一页
  回车 ：往下翻一行
  n ：跳转到下一个搜索结果
  /关键字 ：搜索
  q/ctrl+c ： 退出