用vue开发时会发现,list分页过多的跳转到其他页面却发现后台在依然在请求list,这个问题怎么解决呢,在试验了几次后发现以下方法可以解决。
1.新建store.js
let store = {_axiosPromiseCancel: [] };
export default store;
2.config.js文件中添加
service.interceptors.request.use(
(config) => {
config.cancelToken = new CancelToken((cancel) => {
store._axiosPromiseCancel.push(cancel);
});
})
3.在list.vue中请求接口添加
const CancelToken = axios.CancelToken;
let cancel;
const source = CancelToken.source();
接口(参数,{
cancelToken: new CancelToken(function executor(c) {
cancel = c;
})
})
这样就可以了