关于vue请求list分页列表时关闭页面依然在请求数据的问题

用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;

                })

            })

这样就可以了