vue 读取protobuf数据

//该篇文章只涉及读取后台返回的protobuf，不涉及传输。
1、运行npm install protobufjs --save 安装

2、拿到后台给的proto文件，在src里创建一个proto目录，用于存放proto文件及编译后的js文件

3、运行命令

npx pbjs -t json-module -w commonjs -o src/proto/proto.js  src/proto/*.proto 

生成proto.js文件，如图

4、引入protojs  如 import proto  from "@/prpto/proto.js"
5、在proto文件中找到要反序列化的bean,,调用lookType方法,如我的是TrackMediaSimPBResponse
代码为： var TrackMediaSimPB  = protobuf.lookType（"TrackMediaSimPBResponse"）;

6、反序列化 decode,接口请求头加入{responseType:"arraybuffer"},返回ArrayBuffer数据res.data 
代码为：var TrackMediaSimPBData =TrackMediaSimPB .decode (new Unite8Array(res.data));

得到的TrackMediaSimPBData即为反序列化的结果