Vue中如何使用base64编码和解码

Vue使用base64编码和解码

在项目根目录下安装

npm install --save js-base64

在项目文件中引入

let Base64 = require('js-base64').Base64

在项目文件中使用

Base64.encode('潘高')  // 5r2Y6auY
Base64.decode('5r2Y6auY')  // 潘高

Vue路由获取query中base64解码出错

最近在使用vue-router，通过路由获取url中传递的base编码的数据，对数据进行解码的时候发现数据错乱。

找了许久才发现问题所在，其实就是vue-rouer在截取路由时，会把其中的 + 替换成空格，这样导致我们在获取base64编码串时出错 。

解决其实也很简单，通过正则把空格替换成**+**即可，这样就能完美的解决问题。

代码如下：

base64Str= base64Str.replace(/\s/g, '+');

ok，解决！

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持。