unicode编码存在转义字符,导致乱码问题的解决方案

本文主要是介绍unicode编码存在转义字符,导致乱码问题的解决方案,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

【前言】
  本篇是为了记录一次解码出现乱码的解决方案,篇幅较短,废话不多说,请食用

【问题】后端针对一个字符串进行unicode编码后的,前端解码后出现乱码问题

unicode编码后的字符串,直接交给前端解码,会出现乱码的

"Status Code: 200\nHeaders: {'Server': 'nginx', 'Date': 'Fri, 23 Aug 2024 07:35:42 GMT', 'Content-Type': 'text/html', 'Content-Length': '902', 'Last-Modified': 'Thu, 22 Aug 2024 03:20:02 GMT', 'Connection': 'keep-alive', 'ETag': '\"66c6ae62-386\"', 'Accept-Ranges': 'bytes'}\nBody: <!doctype html>\n<html>\n<head>\n    <meta charset=\"utf-8\">\n    <title>\u00e6\u00a3\u008b\u00e7\u0089\u008c\u00e7\u008e\u00a9\u00e6\u00b3\u0095\u00ef\u00bc\u0081</title>\n    <style>\n        .container {\n            width: 60%;\n            margin: 10% auto 0;\n            background-color: #f0f0f0;\n            padding: 2% 5%;\n            border-radius: 10px\n        }\n\n        ul {\n            padding-left: 20px;\n        }\n\n            ul li {\n                line-height: 2.3\n            }\n\n        a {\n            color: #20a53a\n        }\n    </style>\n</head>\n<body>\n    <div class=\"container\">\n        <h1>\u00e6\u0081\u00ad\u00e5\u0096\u009c, \u00e7\u00ab\u0099\u00e7\u0082\u00b9\u00e5\u0088\u009b\u00e5\u00bb\u00ba\u00e6\u0088\u0090\u00e5\u008a\u009f\u00ef\u00bc\u0081</h1>\n        <h3>\u00e8\u00bf\u0099\u00e6\u0098\u00af\u00e9\u00bb\u0098\u00e8\u00ae\u00a4index.html\u00ef\u00bc\u008c\u00e6\u009c\u00ac\u00e9\u00a1\u00b5\u00e9\u009d\u00a2\u00e7\u0094\u00b1\u00e7\u00b3\u00bb\u00e7\u00bb\u009f\u00e8\u0087\u00aa\u00e5\u008a\u00a8\u00e7\u0094\u009f\u00e6\u0088\u0090</h3>\n        <ul>\n            <li>\u00e6\u009c\u00ac\u00e9\u00a1\u00b5\u00e9\u009d\u00a2\u00e5\u009c\u00a8FTP\u00e6\u00a0\u00b9\u00e7\u009b\u00ae\u00e5\u00bd\u0095\u00e4\u00b8\u008b\u00e7\u009a\u0084index.html</li>\n            <li>\u00e6\u0082\u00a8\u00e5\u008f\u00af\u00e4\u00bb\u00a5\u00e4\u00bf\u00ae\u00e6\u0094\u00b9\u00e3\u0080\u0081\u00e5\u0088\u00a0\u00e9\u0099\u00a4\u00e6\u0088\u0096\u00e8\u00a6\u0086\u00e7\u009b\u0096\u00e6\u009c\u00ac\u00e9\u00a1\u00b5\u00e9\u009d\u00a2</li>\n            <li>FTP\u00e7\u009b\u00b8\u00e5\u0085\u00b3\u00e4\u00bf\u00a1\u00e6\u0081\u00af\u00ef\u00bc\u008c\u00e8\u00af\u00b7\u00e5\u0088\u00b0\u00e2\u0080\u009c\u00e9\u009d\u00a2\u00e6\u009d\u00bf\u00e7\u00b3\u00bb\u00e7\u00bb\u009f\u00e5\u0090\u008e\u00e5\u008f\u00b0 > FTP\u00e2\u0080\u009d \u00e6\u009f\u00a5\u00e7\u009c\u008b</li>\n        </ul>\n    </div>\n</body>\n</html>"

后端需要做一些处理,记得做好异常抛出处理

try:# 替换转义字符responseStr = item['response_body'].encode('latin1').decode('unicode_escape')# 再进行 utf-8 解码item['response_body'] = responseStr.encode('latin1').decode('utf-8')
except Exception as e:pass

解码后,就直接传给前端展示
在这里插入图片描述

这篇关于unicode编码存在转义字符,导致乱码问题的解决方案的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1116341

相关文章

线上Java OOM问题定位与解决方案超详细解析

《线上JavaOOM问题定位与解决方案超详细解析》OOM是JVM抛出的错误,表示内存分配失败,:本文主要介绍线上JavaOOM问题定位与解决方案的相关资料,文中通过代码介绍的非常详细,需要的朋... 目录一、OOM问题核心认知1.1 OOM定义与技术定位1.2 OOM常见类型及技术特征二、OOM问题定位工具

Python一次性将指定版本所有包上传PyPI镜像解决方案

《Python一次性将指定版本所有包上传PyPI镜像解决方案》本文主要介绍了一个安全、完整、可离线部署的解决方案,用于一次性准备指定Python版本的所有包,然后导出到内网环境,感兴趣的小伙伴可以跟随... 目录为什么需要这个方案完整解决方案1. 项目目录结构2. 创建智能下载脚本3. 创建包清单生成脚本4

java.sql.SQLTransientConnectionException连接超时异常原因及解决方案

《java.sql.SQLTransientConnectionException连接超时异常原因及解决方案》:本文主要介绍java.sql.SQLTransientConnectionExcep... 目录一、引言二、异常信息分析三、可能的原因3.1 连接池配置不合理3.2 数据库负载过高3.3 连接泄漏

javacv依赖太大导致jar包也大的解决办法

《javacv依赖太大导致jar包也大的解决办法》随着项目的复杂度和依赖关系的增加,打包后的JAR包可能会变得很大,:本文主要介绍javacv依赖太大导致jar包也大的解决办法,文中通过代码介绍的... 目录前言1.检查依赖2.更改依赖3.检查副依赖总结 前言最近在写项目时,用到了Javacv里的获取视频

Java实现字节字符转bcd编码

《Java实现字节字符转bcd编码》BCD是一种将十进制数字编码为二进制的表示方式,常用于数字显示和存储,本文将介绍如何在Java中实现字节字符转BCD码的过程,需要的小伙伴可以了解下... 目录前言BCD码是什么Java实现字节转bcd编码方法补充总结前言BCD码(Binary-Coded Decima

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

C#文件复制异常:"未能找到文件"的解决方案与预防措施

《C#文件复制异常:未能找到文件的解决方案与预防措施》在C#开发中,文件操作是基础中的基础,但有时最基础的File.Copy()方法也会抛出令人困惑的异常,当targetFilePath设置为D:2... 目录一个看似简单的文件操作问题问题重现与错误分析错误代码示例错误信息根本原因分析全面解决方案1. 确保

Web服务器-Nginx-高并发问题

《Web服务器-Nginx-高并发问题》Nginx通过事件驱动、I/O多路复用和异步非阻塞技术高效处理高并发,结合动静分离和限流策略,提升性能与稳定性... 目录前言一、架构1. 原生多进程架构2. 事件驱动模型3. IO多路复用4. 异步非阻塞 I/O5. Nginx高并发配置实战二、动静分离1. 职责2

解决升级JDK报错:module java.base does not“opens java.lang.reflect“to unnamed module问题

《解决升级JDK报错:modulejava.basedoesnot“opensjava.lang.reflect“tounnamedmodule问题》SpringBoot启动错误源于Jav... 目录问题描述原因分析解决方案总结问题描述启动sprintboot时报以下错误原因分析编程异js常是由Ja

C# LiteDB处理时间序列数据的高性能解决方案

《C#LiteDB处理时间序列数据的高性能解决方案》LiteDB作为.NET生态下的轻量级嵌入式NoSQL数据库,一直是时间序列处理的优选方案,本文将为大家大家简单介绍一下LiteDB处理时间序列数... 目录为什么选择LiteDB处理时间序列数据第一章:LiteDB时间序列数据模型设计1.1 核心设计原则