场景
vue项目中,页面请求接口响应速度非常慢,F12打开谷歌控制台,查看network,发现响应时间为1.14秒
排查问题
接口响应速度慢,后端打断点进入接口到返回这段时间有很快,要判断是什么问题,首先要确定是前端问题还是后端问题,可通过nginx日志查看接口响应时间
1. nginx查看日志
- 打开终端,登录服务器并输入服务器密码
//ssh 用户名@服务器ip
ssh root@192.168.0.132
- 切换到nginx目录
cd /var/log/nginx/
- 查看nginx日志
tail -f access.log
红线框圈起来的即为借口响应时间,默认的nginx日志是不会显示接口时间的,想看接口响应时间需要修改日志格式请进nginx日志格式分析及修改
2. 分析
通过查看nginx日志接口响应,发现nginx日志接口响应时间与浏览器network接口响应时间差不多,所以排除了前端问题,后经过是后端排查以及服务性能检测发现,接口在执行sql之后有时候会有一段时间,接下来就需要后端去排查这段时间都做了什么
3. 扫尾
排查完问题记得在终端退出已经登录的服务器哦
//退出登录
exit