木灵鱼儿

木灵鱼儿

阅读:455

最后更新:2021/02/01/ 13:51:09

js取消资源请求

之前研究了下axios的取消请求操作,也配合vue写了篇文章笔记,现在考虑下资源请求了。

当vue页面在切换的时候,一般不同的页面有不同的api请求,也有一些资源的请求下载,比如图片,视频...;当资源文件很大,而服务器带宽不足,并且多个页面同时打开,很容易造成服务器的堵塞。

而正因为堵塞,页面的资源一直卡在下载中,加上单页app的效果,我们可能会切换其他页面浏览,但是由于上一个路由页的资源已经在加载中了,即便我们切换了页面,资源还是处于下载中的。

所以我们要解决这个问题。

怎么办?

window.stop();

这个方法会直接结束当前页面的所有请求,类似于我们点击了浏览器的x按钮,不进行加载了。

目前这个方法也是在测试使用阶段,可能会有问题,目前我的用法是:在路由加载之前,先使用该方法,然后再加载路由

router.beforeEach((to, from, next) => {
  window.stop();
  next();
});

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。

关于作者

站点职位 博主
获得点赞 0
文章被阅读 455

相关文章

目录树