Vue路由传参加密怎么实现

本篇内容介绍了“Vue路由传参加密怎么实现”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

首先，创建一个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里面引用

import Base64 from './assets/js/base64.js' Vue.prototype.$Base64 = Base64;

使用页面：

this.$router.push({  path: "/user/Recommend",  query:{    info:this.$Base64.encode(XXXXX)//this.$Base64.encode(JSON.stringify(row))  }}）;

接受参数页面：

let params = JSON.parse(this.$Base64.decode(this.$route.query.info))

“Vue路由传参加密怎么实现”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站，小编将为大家输出更多高质量的实用文章！