如何在vue 3中加密和解密字符串

Question

我的id存储在sessionStorage中，我想加密我的id。我如何在 Vue 3 中加密以及保护我的 ID 的最佳方式？

sessionStorage.setItem('id', error.response.data.user.id)

这是我的 id，我希望它以加密方式存储在 sessionStorage 中，然后获取解密的 id。

Answer 1

可以使用cryptoJS实现encryption和decryption。

演示：

var id = document.getElementById("userId"),
    save = document.getElementById("save"),
    read = document.getElementById("read");
 
// Manage Save event
save.addEventListener("click", function(e){
    window.sessionStorage["userId"] = CryptoJS.AES.encrypt(id.value, 'secret key');
}, true);

// Manage Read Event
read.addEventListener("click", function(e) {
        let decryptedId = CryptoJS.AES.decrypt(window.sessionStorage["userId"].toString(), 'secret key');
    document.getElementById('showId').innerHTML = decryptedId.toString(CryptoJS.enc.Utf8);
}, true);

<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js"></script>

<input type="text" id="userId" />
<input type="button" value="Save" id="save" />
<input type="button" value="Read" id="read" />

<p id="showId"></p>

由于代码片段的限制，它无法访问 window 对象，但您可以参考。

如何在vue 3中加密和解密字符串

how to encrypt and decrypt string in vue 3

javascript

encryption

session-storage

local-storage