base64 编码传参避坑指南

前言：

描述一下项目需求：
前端传入 url 链接，查询库里面跟 url 相关的信息

1.接口传参设计

按照约定查询肯定用 get 请求，接口设计用 info 接受参数，设计如下

/query?info=

样例传参

/query?info=http://www.shayebushi.com/key?name=jonny&job=nurse

稍微懂点的应该就知道在这个链接有问题（/，=，&这些符号在url中有特殊意义，当做传参很可能会丢失），解析的时候获取不到正确的 info 的参数。

怎么办呢，现在的通用方式是对特殊的传参进行 base64 编码
例如对 “http://www.shayebushi.com/key?name=jonny&job=nurse” 进行编码，结果如下

aHR0cDovL3d3dy5zaGF5ZWJ1c2hpLmNvbS9rZXk/bmFtZT1qb25ueSZqb2I9bnVyc2U=

2.base64 编码产生的新坑

看上面那个编码样例，里面有一些比较怪异的字符，=、/ 这些在 url 中仍然是有问题的，那转码不是没用？
base64 编码会产生如下的问题字符：

+
/
=

所以我们只需要把上面三个字符替换就行，解码前再替换回去就可以了，这些无论在 java，python，js 等语言都有相应的包

3.整体编解码流程

前端进行base64编码（安全url base64编码），把以下字符替换

'+'     ->   '-'
/       ->   '_'
=       ->   ''      声明一下，base64中=是占位符，当编码位数不足4的倍数时放在末尾占位，前端传参会把其去掉

接口获取传参后把编码还原，同时需要检测位数，不足4的倍数需要在后面补"="，然后调用base64进行解码

'-'     ->   '+'
'_'     ->   '/'

4.tips

上面涉及到的编码都有相应的包和方法，不一定需要自己写（位数不足可能需要自己写），但是一定要相互对应。