Vue3 线上项目,页面停留很久没有 *** 作后,再次 *** 作会没有响应?

Vue3 线上项目,页面停留很久没有 *** 作后,再次 *** 作会没有响应?,第1张

这个原因应该是浏览器自己休眠了,现在浏览器基本都有这种设计(chrome系),长时间没人动时会对闲置的页面资源进行回收来减少内存占用。
Vue3的话你可以试试keep-alive组件,可以避免在用户回到页面时重新渲染。
还有个折衷方案:
地址栏输入 chrome://flags/#proactive-tab-freeze-and-discarding,找“Proactive Tab Freeze and Discard”选项改成“Disabled”来禁用浏览器的页面冻结功能,但这玩意就比较吃内存了。

现在网页项目大多采用前后端分离模式,这种模式优点有很多,但是也会带来不少问题,比如:请求后端接口时会受网络因素影响,导致请求超时;这就需要我们在请求方法中设置拦截,对请求超时做处理;

下面就是我在项目中使用的axios封装方法,设置网络请超时拦截处理


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/yw/13340190.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-17
下一篇 2023-07-17

发表评论

登录后才能评论

评论列表(0条)

保存