vue关闭页面发出请求：

问题描述：

要求在页面关闭时，向后端发送一个请求。但是有时候会请求成功，有时候后端不会收到请求

     mounted() {this.messageWrapper = document.querySelector("#message-wrapper");window.addEventListener('unload', this.deleteSentence, false)},methods: {deleteSentence() {axios.post('http://localhost:5051/classpoint/deleteDialogue');    },}

原因分析：

请求必须是同步的，不能是异步的，不然有可能请求没发出去，页面就已经关闭

解决方案：

参考：https://blog.csdn.net/weixin_43837268/article/details/90400606

https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/sendBeacon

https://zhuanlan.zhihu.com/p/344824815

其次，如果需要在关闭标签页时弹出提示框，参考：https://cloud.tencent.com/developer/article/1730838
注意：关闭标签页前用户需要在页面上进行过操作，才能执行beforeunload

vue关闭页面发出请求相关推荐

ajax请求返回json实例,Jquery Ajax 学习实例2 向页面发出请求返回JSon格式数据
一.AjaxJson.aspx 处理业务数据,产生JSon数据,供JqueryRequest.aspx调用,代码如下: protected void Page_Load(object sender, ...
vue一个页面发出多个异步请求_vue（6）—— vue中向后端异步请求
异步请求其实什么是异步请求已经不用多说了,通俗的说,就是整个页面不会刷新,需要更新的部分数据做局部刷新,其他数据不变. 学到这里,你应该用过jquery里的ajax了,所以很能理解了,不多说了.详细 ...
vue一个页面发出多个异步请求_Vue异步请求最佳实践
一.当前存在的问题目前项目前端请求后台数据的方式是这样的: 页面中method中dispatch到action action调用mutation,请求axios 请求到数据后存储到state中页面 ...
vue 一个页面有点请求需要同时发送_前端性能优化，这些你都需要知道
来源: 海洋里的魔鬼鱼前言最近花了一些时间在项目的性能优化上,背后做了很多工作,但是最后依然没有达到自己想要的结果,有些失望,但是还是记录下自己的执着. 性能优化总结:减少请求次数.减小资源大小. ...
vue关闭页面或刷新页面触发浏览器关闭提醒
关闭单个页面.整个浏览器.刷新都可以触发 mounted() {window.onbeforeunload = e => {e = e || window.event// 兼容IE8和Firef ...
vue关闭页面刷新页面清除缓存
mounted() {this.enterPage()}, destroyed(){this.leavePage() }, methods: { /* 打开:load 关闭:beforeload+un ...
vue关闭页面时停止计数器
vue启动停止setInterval data () {return {clearTimeSet:null,} }, mounted () {// 启动this.clearTimeSet = setI ...
监听关闭页面事件 ajax,Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
网上很多博客说监听窗口关闭事件使用window.beforeunload,但是这个监听事件也会在页面刷新的时候执行,经过百度和自己的实际测试, 终于解决了这个问题,代码如下: mounted() { ...
Nginx 解决WebApi跨域二次请求以及Vue单页面问题
Nginx 解决WebApi跨域二次请求以及Vue单页面问题参考文章: (1)Nginx 解决WebApi跨域二次请求以及Vue单页面问题 (2)https://www.cnblogs.com/ji ...

vue关闭页面发出请求

vue关闭页面发出请求：

问题描述：

原因分析：

解决方案：

vue关闭页面发出请求相关推荐

最新文章

热门文章