快捷導(dǎo)航

vue中的加密方式總結(jié)

更新時(shí)間：2023年11月16日 08:30:16 作者：m0_73734137

這篇文章主要為大家詳細(xì)介紹了vue中常見的加密方式實(shí)現(xiàn),例如js-base64、crypto-js、jsencrypt、bcryptjs,文中的示例代碼講解詳細(xì),需要的小伙伴可以參考一下

1.安裝js-base64庫(kù)

npm install js-base64 --save-dev

2. 在Vue組件中引入js-base64庫(kù)

import { Base64 } from 'js-base64';

3.使用js-base64庫(kù)進(jìn)行加密

// 加密字符串
const str = 'hello world';
const encodedStr = Base64.encode(str);
console.log(encodedStr); // 輸出：aGVsbG8gd29ybGQ=
 
// 解密字符串
const decodedStr = Base64.decode(encodedStr);
console.log(decodedStr); // 輸出：hello world

使用Base64.encode()方法對(duì)字符串進(jìn)行加密，并使用Base64.decode()方法對(duì)加密后的字符串進(jìn)行解密。您可以根據(jù)需要使用這些方法來加密和解密字符串。請(qǐng)注意，加密后的字符串可能包含特殊字符，需要進(jìn)行URL編碼或Base64編碼后才能在URL中傳遞。

4.Vue中其他加密方式

crypto-js

crypto-js是一個(gè)JavaScript加密庫(kù)，支持多種加密算法，包括AES、DES、Triple DES、RC4、SHA-1、SHA-256、MD5等。您可以在Vue項(xiàng)目中使用crypto-js來實(shí)現(xiàn)加密和解密。

jsencrypt

jsencrypt是一個(gè)JavaScript RSA加密庫(kù)，支持RSA加密和解密操作。您可以在Vue項(xiàng)目中使用jsencrypt來實(shí)現(xiàn)RSA加密和解密。

bcryptjs

bcryptjs是一個(gè)JavaScript加密庫(kù)，支持bcrypt算法。您可以在Vue項(xiàng)目中使用bcryptjs來實(shí)現(xiàn)密碼加密和驗(yàn)證。

1.crypto-js

// 導(dǎo)入crypto-js庫(kù)
const CryptoJS = require('crypto-js');
 
// 待加密的數(shù)據(jù)
const data = 'Hello, world!';
 
// 加密
const encryptedData = CryptoJS.AES.encrypt(data, 'secret key 123').toString();
console.log('加密后的數(shù)據(jù):', encryptedData);
 
// 解密
const decryptedData = CryptoJS.AES.decrypt(encryptedData, 'secret key 123').toString(CryptoJS.enc.Utf8);
console.log('解密后的數(shù)據(jù):', decryptedData);

2.jsencrypt

// 導(dǎo)入jsencrypt庫(kù)
const JSEncrypt = require('jsencrypt').default;
 
// 待加密的數(shù)據(jù)
const data = 'Hello, world!';
 
// 創(chuàng)建公鑰和私鑰實(shí)例
const encryptKey = new JSEncrypt();
const decryptKey = encryptKey.createDecryptionKey();
 
// 設(shè)置公鑰和私鑰（在實(shí)際使用中需要使用真實(shí)密鑰）
encryptKey.setPublicKey('-----BEGIN PUBLIC KEY-----\n' + PUBLIC_KEY + '\n-----END PUBLIC KEY-----');
decryptKey.setPrivateKey('-----BEGIN RSA PRIVATE KEY-----\n' + PRIVATE_KEY + '\n-----END RSA PRIVATE KEY-----');
 
// 加密數(shù)據(jù)
const encryptedData = encryptKey.encrypt(data);
console.log('加密后的數(shù)據(jù):', encryptedData);
 
// 解密數(shù)據(jù)
const decryptedData = decryptKey.decrypt(encryptedData);
console.log('解密后的數(shù)據(jù):', decryptedData);

3.bcryptjs

// 導(dǎo)入bcryptjs庫(kù)
const bcrypt = require('bcryptjs');
const saltRounds = 10; // 設(shè)置鹽的迭代次數(shù)（建議至少為10）
const password = 'password'; // 待加密的密碼
const hashedPassword = bcrypt.hashSync(password, saltRounds); // 加密密碼（得到散列密碼）

到此這篇關(guān)于vue中的加密方式總結(jié)的文章就介紹到這了,更多相關(guān)vue加密內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: