js取消资源请求

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

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

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

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

怎么办？

window.stop();

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

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

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