[Mistake] Nginx 搭建单页面时，网页中文为乱码的问题

zebrayoung 发布于2019-07-25 13:52 / 1725人阅读

摘要：前因前端项目是一个用做的单页面应用。在访问该页面时呢，会先访问，再代理转发到一个进程中。这折腾的于是直接修改配置文件为直接从层代理转发网页回去问题上线后，发现，不论在桌面版，移动版中，网页汉字都显示为乱码。

前因

前端项目是一个用 React 做的单页面应用。

在访问该页面时呢，会先访问 Nginx，Nginx 再代理转发到一个 Express 进程中。

这折腾的...

于是直接修改 Nginx 配置文件为

server {
  listen 80;
  server_name example.com;
  root /var/www/example;

  location / {
    rewrite .* /index.html break;
  }
}

直接从 Nginx 层代理转发网页回去

问题

上线后，发现，不论在桌面版，移动版 Safari 中，网页汉字都显示为乱码。

解决

既然是改了 Nginx 的配置后出现的问题，理所当然的就怀疑到了 Nginx 头上，

在比对 Express 和 Nginx 返回 html 页面时的 response 后，发现 Ngnix 缺少了 charset=utf-8。

于是修改 Nginx 配置，如下

server {
  listen 80;
  server_name example.com;
  root /var/www/example;

  location / {
    charset utf-8;
    rewrite .* /index.html break;
  }
}

顺利解决。

云服务器 GPU云服务器中文乱码系统问题 mysql中文乱码问题 jsp页面中文乱码 asp网页乱码问题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/39462.html

html学习

摘要：要养成良好的编写注释习惯。十六进制满进只能用标志使用分别表示八进制满进。。。。字符集编码和解码所采用的规则，我们称为为字符集产生乱码原因编码和解码采用的字符集不同。如果同时制定宽度和高度，图像比例会发生变化。什么是HTML？ HTML:超文本标记语言。所谓超文本也就是超链接,可以让我们从一个网页跳转到另一个网页。 HTML基本格式 ...

YPHP 2019-04-23 13:17 评论0 收藏0
Nginx浏览目录配置及美化

摘要：在项目中有一个功能需要在浏览器页面中浏览服务器的目录。服务器使用，而提供了相应的模块，该模块提供了我们想要的功能。在项目中有一个功能需要在浏览器页面中浏览服务器的目录。服务器使用Nginx，而Nginx提供了相应的ngx_http_autoindex_module 模块，该模块提供了我们想要的功能。 Nginx ngx_http_autoindex_module 模块该模块有以下几...

asoren 2019-07-25 14:07 评论0 收藏0
Servlet第四篇【request对象常用方法、应用】

摘要：浏览器的中文数据提交给服务器，以编码对中文编码，当我在读取数据的时候，拿到的当然是乱码。接下来使用方式传递中文数据，把表单的方式改成即可当我们访问的时候，又出现乱码了于是我按照上面的方式，把对象设置编码为试试结果还是乱码。什么是HttpServletRequest HttpServletRequest对象代表客户端的请求，当客户端通过HTTP协议访问服务器时，HTTP请求头中的所有信...

raise_yang 2019-08-15 13:59 评论0 收藏0