在Vue 3中,如果后端返回的内容出现了乱码,通常是因为字符编码不一致或者没有正确处理。
最早我使用了v-html和正则表达式,使用v-html的时候乱码转化成了标签,可是我们需要的是纯文本,用正则表达式则需要把每个符号都转化 很麻烦。
所以可以使用decodeURIComponent来解决
-
确认后端返回的内容编码是否正确,如果是
UTF-8
,则通常不会出现乱码问题。 -
在Vue 3项目中,可以在接收后端数据后,使用JavaScript的
decodeURIComponent
函数来解码可能存在的编码问题。 -
如果乱码问题出现在渲染到DOM中,确保你的Vue模板编码也是
UTF-8
。以下是一个简单的例子,展示了如何在Vue 3中处理后端返回的乱码内容,并尝试去除字符串中的标签:
这里使用的是vue3的 setup语法 关注红线圈出的地方即可
这样就把乱码解决了