vue 单页面 http stalled 的情况

不久前出现了一个问题，页面重复跳转（ vue-router ）几次后，某个请求会响应很慢，从几十毫秒到十几秒，就感觉很奇怪。看了看后台响应，实际上只有十多毫秒的消耗。但是那多出的十几秒是哪来的呢？也不会是路由转发的耗时，因为前几次相同请求耗时都在毫秒级，而且这个现象是必现的。

于是看了下控制台该请求的 timing，发现它的 stalled 就占了90%，google 了一下。原来是请求数过多，页面跳转前的仍在请求。chrome 最多的同时请求数是 6 个，其余请求会处于 stalled 即挂起状态。于是乎，我就在每个路由前跳转前（router.beforeEach）都把之前的请求抛弃掉，这样就解决了。

对于非单页面应用的话，很少出现这种情况，因为页面刷新了之前的请求就被抛弃了。还有一种可能的会有是：实时搜索，这种需求也会不断发起请求。

转载于:https://www.cnblogs.com/ende93/p/7062073.html

vue 单页面 http stalled 的情况相关推荐

在不使用ssr的情况下解决Vue单页面SEO问题
遇到的问题: 近来在写个人博客的时候遇到了大家可能都会遇到的问题 Vue单页面在SEO时显得很无力,尤其是百度不会抓取动态脚本 Vue-Router配合前后端分离无法让meta标签在蜘蛛抓取时动态填充 ...
app怎么嵌套vue页面_app内嵌vue单页面应用的一些坑
写这篇文章的原因是想总结一下自己最近开发的一个内嵌app的vue单页面项目,看看有哪些坑!!! 1.白屏项目第一次上线正常项目第二次上线,20多个用户反馈白屏(没见过这世面,心里慌的不行!!!), ...
Nginx 解决WebApi跨域二次请求以及Vue单页面问题
Nginx 解决WebApi跨域二次请求以及Vue单页面问题参考文章: (1)Nginx 解决WebApi跨域二次请求以及Vue单页面问题 (2)https://www.cnblogs.com/ji ...
nginx配置解决vue单页面打包文件大，首次加载慢的问题
nginx配置解决vue单页面打包文件大,首次加载慢的问题参考文章: (1)nginx配置解决vue单页面打包文件大,首次加载慢的问题 (2)https://www.cnblogs.com/golo ...
nignx部署Vue单页面刷新路由404问题解决
nignx部署Vue单页面刷新路由404问题解决参考文章: (1)nignx部署Vue单页面刷新路由404问题解决 (2)https://www.cnblogs.com/wuchenggong/p/ ...
fullpage在vue单页面当中使用会出现的问题以及解决办法
fullpage在vue单页面当中使用会出现的问题以及解决办法参考文章: (1)fullpage在vue单页面当中使用会出现的问题以及解决办法 (2)https://www.cnblogs.com/ ...
php vue seo,处理 Vue 单页面 SEO 的另一种思路
(设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plugin形成更优的配合) 单页面应用在前端正大放光彩.三大框架 Angular.Vue.Rea ...
Vue 单页面应用把公共组件放在 app.vue 但是我希望某个页面没有这些公共组件怎么办???(比如登陆页面)
<div class="all" v-if="$route.path!=='/login'" > Vue 单页面应用把公共组件放在 app.v ...
vue 单页面(SPA) history模式调用微信jssdk 跳转后偶尔 “invalid signature“错误解决方案
vue 单页面(SPA) history模式调用微信jssdk 跳转后偶尔 "invalid signature"错误解决方案参考文章: (1)vue 单页面(SPA) hist ...

vue 单页面 http stalled 的情况

vue 单页面 http stalled 的情况相关推荐

最新文章

热门文章