旅游网站设计风格,一般网站模块,缅甸网站网站代理怎么做,微信盲盒小程序搭建前言#xff1a;在项目中经常有一些场景会连续发送多个请求#xff0c;而异步会导致最后得到展示的结果可能不是最后一次发送请求返回的结果#xff0c;且对性能也有非常大的影响。场景#xff1a;列表式切换商品#xff0c;有时候上一次请求的结果非常慢#xff0c;而我…前言在项目中经常有一些场景会连续发送多个请求而异步会导致最后得到展示的结果可能不是最后一次发送请求返回的结果且对性能也有非常大的影响。场景列表式切换商品有时候上一次请求的结果非常慢而我又点了另外一个商品这时候第二次请求的接口比上一次快那么就点击第二次的商品看到的信息却是上一次的商品信息这样的用户体验极其不好解决方案在点击下一个商品的时候将上一个商品请求的接口中断取消请求。代码如下import axios from axiosexport default {data() {return {source: null,}},methods: {cancelRequest() {if (typeof this.source function) {this.source()}},getProductPackageInfo() {const _this this;this.cancelRequest();// 取消上一次请求axios({method: post,url: this.secondURL.getProductPackageInfo,data: { name: 小白 },cancelToken: new axios.CancelToken((c) {_this.source c}),}).then((res) {// 返回数据进行操作}).catch((err) {if (axios.isCancel(err)) {console.log(Rquest canceled, err.message);//请求如果被取消这里是返回取消的message} else {console.log(err);}})},