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

2023-02-08 10:06:34

目录Vue使用base64编码和解码Vue路由获取query中base64解码出错总结Vue使用base64编码和解码在项目根目录下安装npminstall--savejs-base64在项目文...

目录
vue使用base64编码和解码
Vue路由获取query中base64解码出错
总结

Vue使用base64编码和解码

在项目根目录下安装

npm install --save js-base64

在项目文件中引入

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

在项目文件中使用

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

Vue路由获取q编程uery中base64解码出错

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

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

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

代码如下:

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

ok,解决!

总结

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