场景
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

当Vue项目中接口响应速度变慢,通过F12检查发现接口响应时间为1.14秒。首先,通过ssh登录服务器查看nginx日志,发现日志中的接口响应时间与浏览器一致,排除了前端问题。进一步分析后发现,接口在执行SQL后有时会有延迟,推测问题可能出在后端。建议后端开发者检查这段延迟期间的代码,以定位并解决性能瓶颈。
1219

被折叠的 条评论
为什么被折叠?



