一前置知識:
1.window btoa() 方法
btoa()方法用于創(chuàng)建一個 base-64 編碼的字符串,接收一個字符串作為參數(shù)。
該方法使用 "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);//解密