如何在Vue中使用protobuf

cnpm i -S protobufjs

syntax = "proto3";//第一行指定了正在使用proto3语法：如果你没有指定这个，编译器会使用proto2。这个指定语法行必须是文件的非空非注释的第一行
 
message Address
{
     string province  = 1;
     string city = 2;
     string county = 3;
}

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

npx pbjs -t json src/proto/*.proto > src/proto/proto.json

import protoRoot from "@/proto/proto.js";

<template>
  <div class="main">main</div>
</template>
<script>
import protoRoot from "@/proto/proto.js";
export default {
  data() {
    return {};
  },
  mounted() {
    let testobj = protoRoot.lookup("Address").create();
    testobj.province = "四川省";
    testobj.city = "成都市";
    testobj.county = "中国";
    console.log("testobj:", testobj);
 
    //encode数据
    let testObjBuffer = protoRoot.lookup("Address").encode(testobj).finish();
    console.log("testObjBuffer:", testObjBuffer);
 
    //decode数据
    let testdata = protoRoot.lookup("Address").decode(testObjBuffer);
    console.log("testdata：", testdata);
  },
};
</script>

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

import axios from 'axios'
const httpService = axios.create({
  timeout: 45000,
  method: 'post',
  headers: {
    'X-Requested-With': 'XMLHttpRequest',
    'Content-Type': 'application/octet-stream'
  },
  responseType: 'arraybuffer'
})