vue3 純前端解碼base64亂碼

如果你在 Vue3 中使用 Base64 解码时遇到了乱码问题，可能是因为 Base64 字符串中包含了非 ASCII 字符，导致解码出来的二进制数据出现了问题。

要解决这个问题，可以尝试使用 `TextDecoder` 对解码后的二进制数据进行转换。修改第 3 步中的解码方法如下：

decodeBase64(base64) {
  const binary = Base64.atob(base64)
  const bytes = new Uint8Array(binary.length)
  for (let i = 0; i < binary.length; i++) {
    bytes[i] = binary.charCodeAt(i)
  }
  const decoder = new TextDecoder('utf-8')
  return decoder.decode(bytes)
}

这里使用了 `TextDecoder` 将二进制数据转换成了 UTF-8 编码的字符串。如果你知道 Base64 字符串的编码方式，也可以相应地修改解码方法中的 `TextDecoder` 参数。

这样，你就可以在 Vue3 中成功解码包含非 ASCII 字符的 Base64 字符串了。

相关问题

vue3使用iframe通过base64预览pdf在某些浏览器中出现乱码情况怎么回事

在 Vue3 中，如果你使用 iframe 预览基于 base64 编码的 PDF 文件，并在某些浏览器中遇到乱码问题，这通常是因为浏览器对不同编码类型的处理不同导致的。PDF 默认的字符编码可能是 UTF-1 的编码，而如果页面的响应头设置、HTML 的 `<meta charset>` 或者 iframe 的默认编码没有匹配到 PDF 的实际编码，就会导致字符无法正确显示。

解决这个问题可以尝试以下几个步骤：

1. **确定PDF的编码**：检查原始PDF文件的字符集，可以通过一些工具（如`fileinfo`命令行工具或在线PDF查看器）来识别。

2. **设置响应头**：如果是服务器端渲染，需要设置Content-Type头，告诉浏览器返回的是Base64编码的PDF数据。例如：

   Content-Disposition: attachment; filename="document.pdf"
   Content-Type: application/pdf;charset=utf-8

3. **修改HTML meta标签**：在加载PDF的 HTML 上添加正确的字符集声明，比如：

   <meta charset="UTF-8">

4. **调整iframe属性**：给iframe设置相同的字符集：

   <iframe src="data:application/pdf;base64,..." frameborder="0" width="100%" height="500px" scrolling="auto" charset="UTF-8"></iframe>

5. **使用JavaScript解码并设置编码**：在加载PDF之前，尝试先用JavaScript将Base64解码并手动转换编码。但这可能会增加复杂性和性能开销。

如果以上步骤都不能解决问题，建议排查特定浏览器的行为差异，或者考虑使用专门的PDF查看库，它们通常有处理不同编码问题的功能。

vue2 RSA 分段解密乱码

在 Vue.js 中使用 RSA 进行分段解密时，如果遇到乱码问题，可能是因为字符编码不匹配导致的。RSA 解密通常涉及到二进制数据的操作，而文本解码过程中如果没有正确设置字符集，可能会将二进制数据当作非ASCII字符处理，从而出现乱码。

以下是一些可能导致乱码的原因和解决方法：

1. **字符集问题**：确保在解密时使用的字符集与加密时一致。比如，如果你用UTF-8编码加密，那么解密时也应使用UTF-8。

2. **Base64解码**：在从RSA解密得到的是Base64编码的数据，先解码成二进制，然后再转换为字符串。

const text = window.atob(rsaDecryptedBase64);

3. **分段解密**：如果数据被分段，确保每部分解密后正确拼接，然后一次性解码。

4. **AES解密**：如果使用了AES作为RSA之后的进一步解密，检查AES的key和iv是否正确配置。

5. **异常字符处理**：在解码过程中，可能会遇到无法识别的字符，可以尝试过滤或替换这些字符。

如果你正在使用第三方库如`crypto-js`或`jsencrypt`等，确保正确使用其提供的API，并查阅文档中关于字符编码和处理的部分。