React中文乱码的问题

#1

#2

html写了编码格式没？

#3

写了写了写了

#4

编码问题：

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <div id="app"></div>
</body>

</html>
#5

这个问题大概是编辑器的文件编码的问题，你用的是webstrorm？

#6

用webstrorm还会有乱码吗？为什么在自己的电脑上是好的，在别人的电脑上和服务器行就是不好的呢？
const a = ‘excelName’ + ‘=’+ encodeURIComponent(excelName)+’&’+‘head’+’=’+ encodeURIComponent(JSON.stringify(head))+’&’+‘result’+’=’+ encodeURIComponent(JSON.stringify(result));
window.open(/HiatmpPro/tsm/export/exportPoliceExcel?${a});
这是我的代码

#7

刚刚遇到这个问题并解决，直接通过npm创建的框架js文件并非UTF-8编码方式，如果不使用其他工具进行文件的编码方式重新设置，或者说在某些默认编码或者默认保存编码并非UTF-8的编辑器打开并修改保存之后，就会出现编码编程非UTF-8的现象，这种情况下，在html页面meta节点内设置charset=“utf-8"并没有什么卵用，只有用类似UE或者sublime的工具，将文件重新打开并保存才可以。这个坑估计很多人都经历过，尤其是本来不是前端后来转前端的程序员。我的解决办法是：1、在UE中打开文件查看编码并保存为UTF-8编码；2、设置sublime的默认设置中：“fallback_encoding”:“UTF-8”,和"default_encoding”: “UTF-8”,“show_encoding”: true,三个选项，以避免以后再落坑。刚刚后端转前端，因为这个问题今天心情不美丽了很久，特此说明一下，避免同仁也因此浪费时间，如果说的不对，请大家指正。