本文来自简书5cc9c8608284，本站只做记录，已标明出处，如有侵权，请联系站长删除！

一、前置知识

1.window btoa() 方法

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

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

2.window atob() 方法

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

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

二、使用js-base64进行加密解密

1.安装依赖

1
npm install --save js-base64

2.引入依赖

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

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

(2)在main.js中引入

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

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

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