vue 的base64加密解密

1.新建一个文件

加入代码

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

 

2.在主体文件main.js中进行设置（引入和暴露出来）

import Base64 from "./assets/js/base64.js"  路径写法：

Vue.prototype.$Base64 = Base64;   暴露：

 

3.在需要加密的页面中进行加密：

加密的方式有两种：

3-1单个数据加密

this.$Base64.encode()

3-2.多数据加密（对象）

this.$Base64.encode(JSON.stringify(params))

 

4.在对应的文件中解密

解密也分两种：

4-1.单个数据解密

this.$Base64.decode()

4-2.多个数据解密（对象）

JSON.parse(this.$Base64.decode(this.$route.query.id))