Vue路由$router之query传参地址栏信息加密解密

一：创建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) {
       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/dase64.js' 
Vue.prototype.$Base64 = Base64;

三：使用：传递时加密

 this.$router.push({
        path: "/lcsdc/xxxx",
        query: {
          row: this.$Base64.encode(JSON.stringify(row)),
        },
      })

四：接收解密

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

效果：