javascript - axios 请求处理时防止用户刷新或退出

Question

我正在开发一个使用 Axios.get 请求的 Web 应用程序。由于 Axios 是异步的，我正在执行一个异步函数和一个等待 axios.all :

 async handleSubmit(){
            const ops=[]
            for(i=0;i<this.state.rowsNumber;i++){ 
                let op = axios.get(myrequest,{headers: {'Content-Type': 'text/xml'}} )
                        ops.push(op);
                }
            let res = await axios.all(ops);
}

它工作完美，但 myrequest 需要一些时间才能执行，我想在 axios 请求处理时刷新或离开页面时提醒用户。

我该如何进行？

感谢您 future 的回答

Answer 1

您可以使用 window.onbeforeunload 函数在用户单击刷新/关闭/离开浏览器时弹出确认窗口。

window.addEventListener("beforeunload", function(event) { ... });

然后在 Axios 完成后删除监听器。