vue在传参的时候进行加密,使用base64加密

首先在src的utils文件夹中创建个base64.js (这个文件随便创建,在哪都行,只要你能找到)

base64.js:

const Base64 = {
    //加密
     encode(str) {
         return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g,
             function toSolidBytes(match, p1) {
                 return String.fromCharCode('0x' + p1);
             }));
     },
   //解密
     decode(str) {
         // Going backwards: from bytestream, to percent-encoding, to original string.
         return decodeURIComponent(atob(str).split('').map(function (c) {
             return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
         }).join(''));
     }
 }
 export default Base64

然后再main.js中引入

// 引入base64加密
import Base64 from '@/utils/base64.js' 

//(选填)
// 将引入的Base64 挂在到this上
Vue.provide('Base64', Base64)

在进行跳转的地方使用:如在this.$router.push()的时候

//此处使用的是name跳转,
//还可以使用path跳转,用法都一样
this.$router.push(
    {
        name:'/home',
        params:{
            navigatorID:this.Base64.encode('navigatorID')
        }
    }
)

  • 9
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值