VUEX 3.1.1版本遇到了内存泄漏的问题
发布于 5 年前 作者 juanzi957 5182 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

大家好,最近我在用vue-cli3+vuex+websocket构建一个项目,发现vuex存在内存泄漏的问题,但是不知道怎么解决,请大家帮忙看下,步骤如下: 1.用vue-cli3创建一个空项目; 2.服务端用node搭建一个简单的每隔50ms用websocket给客户端发消息的服务; 3.客户端每次接收到服务端发送过来的数据都通过vuex来管理,每次都commit(或者dispatch我也试过,效果一样)到vuex管理去, 4.运行十几分钟看不出内存泄漏的问题,运行个把小时就能看出一点,JS栈内存一直在增加,运行一晚上之后,浏览器完全崩溃了; 5.这是服务端发送一个比较小的数据,发送一个很大的数据浏览器崩溃的就更快。 下面是我的数据和代码: 服务端发送的数据: var abc = { ‘aaa’: 111, ‘aab’: 1111, ‘aac’: 11111, ‘aad’: 111111, ‘aae’: 1111111, ‘aaf’: 11111111, ‘aag’: 111111111, ‘aah’: 1111111111, ‘aai’: 11111111111 }

客户端:用VUE-CLI3搭建的空项目,只修改过的Home.vue中的代码,一下代码放在mounted中: const webSocketUrl = ‘ws://127.0.0.1:8000’ const ws = new WebSocket(webSocketUrl) const _this = this ws.onmessage = function (ev) { _this.$store.dispatch(‘setModulesRes’, JSON.parse(ev.data)) } …

回到顶部