vue项目中使用protobuf

本文介绍了如何在Vue项目中使用protobuf,包括安装protobuf、存放proto文件、生成proto.js、引入文件及编码解码方法的详细步骤,确保与后台开发人员定义的传参格式保持同步。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

见此文章,我是看着这个文章俩的
https://blog.youkuaiyun.com/weixin_33674976/article/details/88026250
1.安装protobuf

npm install axios protobufjs --save-dev

2. 在src目录下新建一个proto目录,用来存放*.proto文件,并将写好的proto(此文件是后台开发人员提供,定义的传参的格式)文件拷贝进去。

3. 将*.proto文件生成src/proto/proto.js
package.json 文件中假如如下代码

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

每更新一次proto文件后,需要npm run proto即可重新生成最新的proto.js 

4.将文件引入到需要使用的文件中

import protoRoot  from '@/proto/proto.js'//我这里生成的文件名为proto

5. 编码解码方法

/**
     * 发送的消息编码成 protobuf
     */
    requestUserEncoder(obj){
      let data = obj.data;
      let succ
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值