【Vue】vue中针对地址栏参数进行加解密

还算善良_2024-10-10 14:21

在 Vue.js 应用中，如果你想要对 URL 地址栏中的参数进行 base64 加密处理，可以使用 JavaScript 的内置函数 btoa 进行编码，并且使用 atob 进行解码。这里提供一个简单的示例来展示如何实现这个功能。

首先，你需要安装或者使用一个 base64 编码的函数。对于简单的字符串编码，可以直接使用 btoa 函数：

java 复制代码

function base64Encode(str) {
    // 对字符串进行 base64 编码
    return window.btoa(unescape(encodeURIComponent(str)));
}

这个函数首先会使用 encodeURIComponent 对字符串进行编码，确保特殊字符被转义，然后使用 window.btoa 对字符串进行 base64 编码。

为了能够从 base64 格式还原原始数据，可以使用以下函数：

java 复制代码

function base64Decode(base64Str) {
    // 对 base64 字符串进行解码
    return decodeURIComponent(escape(window.atob(base64Str)));
}

这个函数先使用 window.atob 对 base64 字符串进行解码，然后使用 decodeURIComponent 将转义的字符还原成原来的格式。