axios使用protobuf进行通讯

proto通讯资料
https://github.com/protocolbuffers/protobuf
https://github.com/dcodeIO/protobuf.js#pbts-for-typescript

或者你可以直接使用作者封装好proto通讯的开发脚手架
地址https://github.com/oujin-nb/vue-element-template

Protocol Buffers 是一种轻便高效的结构化数据存储格式，可以用于结构化数据串行化，或者说序列化。它很适合做数据存储或 RPC 数据交换格式。可用于通讯协议、数据存储等领域的语言无关、平台无关、可扩展的序列化结构数据格式

首先我们之前使用Json进行通讯是使用文本进行通讯，而protobuf是使用二进制通讯，通讯效率可以见下图

这里是介绍在es6前端模块化项目中如何简单高效的使用protobuf进行通讯

首先理清思路：1 将通用的.proto文件解析生成前端能够使用的js文件 2将普通的js对象引用protobuf提供的方法序列化成指定的二进制数据 3 将后端传来的数据解析成js对象

步骤

1 解析.proto文件
准备一个文件夹专门来放.proto文件

然后新增指令执行新建的文件夹

  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js",
    "proto": "pbjs -t json-module -w commonjs -o src/configFile/proto/proto.js  src/configFile/proto/*.proto"
  },

直接执行 npm run proto
便会生成proto.js文件

2 封装proto请求

一个完整的请求如下
首先看后台给我们的proto文件
BaseResponse

syntax = "proto3";
option csharp_namespace = "probofu.Controllers";
import "google/protobuf/any.prot