问题描述
我已经使用laravel和vuejs继承了一个庞大的现有应用程序。该体系结构很差,并且不是非常模块化。我一直遇到的麻烦是该应用程序发出10次以上的同步axios请求,以加载网站各个部分的数据。传输的数据很小,但是TTFB很长。我确定数据库查询是高性能的,问题出在服务器端。
一个请求的示例:
axios.get("/calls/get-lead")
.then(function(response) {
vm.state = response.data.lead;
Fire.$emit("AfterLeadEnqueue",{
lead_id: vm.state.property,number: vm.state.property2
});
vm.state = newState1;
vm.getSomething(); // will trigger another axios request
vm.someState = newState2
也许有15个这样的例子。我的直觉也许是将请求“链接”到一个简单的请求中,并使它们异步,但是我不知道这是否可以解决问题,甚至不知道如何实现。作为一堆道具,状态变量,函数需要被触发或修改。请有人建议解决此问题的最佳方法
我还在下面包括了一个网络日志: check the xhr requests' TTFB
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)