websocket前端向后端传数据时出现Buffer

前后端完成websocket连接以后，用户端输入信息并发送，前端将信息发送给后端

传的数据如下：

{id: new Date().getTime(),user: this.username,dateTime: new Date().getTime(),msg: this.msg,
}

但是后端接收到的数据是这样子的：

服务端得到的是流数据

（由于一开始不知道原因，然后重新捋了一下逻辑，最后还是没找到）然后本人重新用vue2写了一次，神奇的是，代码是一样的，但是数据就是正确的传到后端了没有出错。

借鉴了别人的意见可能是这个原因

通过post请求，服务端接收到是流数据，必须把流数据通过“+”转化成字符串

1、比如前端提交的参数是{

        username:admin,password:123456}2、服务端(nodejs)得到的是流数据，如

<Buffer 75 73 65 72 6e 61 6d 65 3d 61 64 6d 69 6e 26 70 61 73 73 77 6f 72 64 3d 31 32 33 34 35 36>

3、把流数据通过“+”转化成字符串

 得到才是字符串->   "username=admin&password=123456"

还有一种情况会导致使用流取数据

const fs = require('fs')
fs.readFile(file, function (err, body) {console.log(body)console.log(body.toString())
})

但如果文件内容较大，譬如在440M时，执行上述代码的输出为：


<Buffer 64 74 09 75 61 09 63 6f 75 6e 74 0a 0a 64 74 09 75 61 09 63 6f 75 6e 74 0a 32 30 31 35 31 32 30 38 09 4d 6f 7a 69 6c 6c 61 2f 35 2e 30 20 28 63 6f 6d ... >
buffer.js:382throw new Error('toString failed');^Error: toString failedat Buffer.toString (buffer.js:382:11)

报错的原因是body这个Buffer对象的长度过大，导致toString方法失败。
可见，这种一次获取全部内容的做法，不适合操作大文件。

可以考虑使用流来读取文件内容。

websocket前端向后端传数据时出现Buffer相关推荐

后端处理数据保存请求流程multer+ajax 数据库添加数据前端与后端的数据联通在business_list 页面进行数据处理 @stage3---week3--day4
后端处理基础流程 $ npx be_app -e 快速构建项目骨架 $ yarn 安装依赖包修改 package.json {"name": "be-app" ...
前端与后端传递数据 — — JSON
前端与后端传递数据 - - JSON 1 前端传送JSON数据给后端 1.1 application/x-www-form-urlencoded默认格式 1.1.1 通过HttpServletRequ ...
前端给后端传递数据的时候,有些后端自己可以获取到的值应该由前端传递吗?
前端给后端传递数据的时候,有些后端自己可以获取到的值应该由前端传递吗? 场景: 1.比如我向后端传递一个学生做的试卷. 2.后端需要我把学生的答案和标准答案(在获取试卷的时候给我的,我知道很扯淡)同时 ...
webbuilder平台往后端传数据出现无效的请求
项目前端使用的是webbuilder集成平台,在向后端传数据的时候出现了"无效的请求"错误,控制台报的是400,显然没有成功连到后台,但是配置的连接路径肯定是没有问题的,所以不知道 ...
SSM-物流管理常见问题4 前端向后端传递数据
前端向后端传递数据现在有一个很常用的方法就是使用ajax, 还有一个方法 <li><a href="${APP_PATH }/user/list.do?pageIndex= ...
python的前端和后端_前端与后端的数据交互（jquery ajax+python flask）
前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前端的数据发送与接收 1)提交表单数据 2)提交JSON数据后端的数据接收与响应 1)接收 ...
Kaggle上传数据时出现错误，且不是网络问题
Kaggle上传数据时出现错误,且不是网络问题 Kaggle上传数据processing 数据时出现错误 Kaggle上传数据processing 数据时出现错误 Kaggle上传数据时,能够上传数据 ...
python后端数据发送到前端_前端与后端的数据交互（jquery ajax+python flask）
前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前端的数据发送与接收 1)提交表单数据 2)提交JSON数据后端的数据接收与响应 1)接收 ...
python后端与前端数据交互_前端与后端的数据交互（jquery ajax+python flask）
前端与后端的数据交互,最常用的就是GET.POST,比较常用的用法是:提交表单数据到后端,后端返回json 前端的数据发送与接收 1)提交表单数据 2)提交JSON数据后端的数据接收与响应 1)接收 ...
使用MultipartFile+ElementUi(el-upload)实现前端向后端传图片
引言: 在前后端交互的过程中,数据的传输可以说是交互的核心,这篇博客是对前端向后端传输图片的介绍.后端使用的是SpringMvc框架,前端使用的是Vue.2x结合ElementUi组件库实现交互. M ...

websocket前端向后端传数据时出现Buffer

websocket前端向后端传数据时出现Buffer相关推荐

最新文章

热门文章