vue项目使用Base64加密解密

方法一、前置知识
1.window btoa() 方法
btoa()方法用于创建一个 base-64 编码的字符串，接收一个字符串作为参数。
该方法使用 "A-Z", "a-z", "0-9", "+", "/" 和 "=" 字符来编码字符串。
例如:

var str = "12345678";
var enc = window.btoa(str);
console.log(enc); // 打印结果为 'MTIzNDU2Nzg='

2.window atob() 方法
对应的，atob() 方法用于解码使用 base-64 编码的字符串。
atob() 方法接收一个通过 btoa() 方法编码的字符串.
例如:

let encStr='MTIzNDU2Nzg=';
let decStr=window.atob(encStr);
console.log(decStr); // 打印结果为 12345678

方法二、使用js-base64进行加密解密
1.安装依赖

npm install --save js-base64

2.引入依赖
一般是在处理登录请求的页面引入js-base64,不过如果你的页面中有很多地方都有用到加密解密，你也可以在main.js中引入依赖
（1）在单个页面引入

let Base64 = require('js-base64').Base64
//或import {Base64} from 'js-base64'
Base64.encode(password); // 加密
Base64.decode(password); // 解密

(2)在main.js中引入

import Vue from "vue"
import {Base64} from 'js-base64'
Vue.prototype.$Base64 = Base64;

或

import Base64 from 'js-base64'
Vue.use(Base64)

然后在单页面组件中使用:

// 使用
let encPass=this.$Base64.encode(password); // 加密
let decPass=this.$Base64.decode(encPass); // 解密