vue项目使用Base64加密解密

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

var str = "i love coding";
var enc = window.btoa(str);
console.log(enc);//打印结果为 'aSBsb3ZlIGNvZGluZw=='

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

let encStr='aSBsb3ZlIGNvZGluZw==';
let decStr=window.atob(encStr);
console.log(decStr);//打印结果为 i love coding

二使用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;

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

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