vue項目使用Base64加密解密

一前置知識:
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);//解密
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容