vue项目base64加解密使用方法及解密乱码问题

文章介绍了在Vue项目中如何使用base64进行加解密,包括安装js-base64插件,以及在代码中引入和使用的方法。同时,针对解密时因+号变为空格导致的乱码问题,提出了两种解决方案:后端返回链接时将+号转为%2B,或者前端使用encodeURIComponent进行编码。

一、vue项目使用base64加解密
1.安装base64插件:
npm i js-base64 --save
2.页面中引入:
有两种方式:
(1) import {Base64} from ‘js-base64’
(2) let Base64=require(‘js-base64’).Base64
3.页面中使用
解密 let a=Base64.decode(route.query.token)
加密 Base64.encode(password);
二、解密乱码问题
问题:后端返回的链接的token里带有加号,使用route.query.token获取到的token里 +号会变成空格,导致解密后部分内容变成乱码。
解决方法:
1.链接是后端返回时,需后端处理,将+号编码变成%2B,再返回链接进行跳转即可
2.链接是前端写的话,可直接使用encodeURIComponent()进行编码,将+号变成%2B,再进行跳转即可

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值