【VUE踩坑记录】vue中axios调用接口，浏览器中的status显示为canceled

在维护一个同事开发的项目的时候发现一个问题，每次发送对应功能点的请求都会有个别请求的status的请求状态为canceld。
顺便看了一下同事的逻辑，大致上是没有问题的，由于部分请求需要上一个请求返回的值做参数，而vue默认是异步的，所以加了同步锁。

然后看了一下同事跳转路由的方式，发现她是用的window.open()方法来进行路由跳转

 而使用window.open()方法来进行路由跳转的页面数据载入是异步的，这样导致了前端在调用前面几个接口的时候异步走了window.open()方法，而前面几个请求的数据还没有返回回来，又重新跳转了路由，从而刷新了浏览器，导致浏览器将之前还未返回的请求取消掉。

解决办法：使用vue自带的路由跳转，这个路由跳转方式默认不会刷新浏览器页面。

 结果：请求发送成功，页面跳转成功

【VUE踩坑记录】vue中axios调用接口，浏览器中的status显示为canceled最先出现在Python成神之路。