[Mistake] Nginx 搭建單頁面時，網頁中文為亂碼的問題

zebrayoung 發布于2019-07-25 13:52 / 1730人閱讀

摘要：前因前端項目是一個用做的單頁面應用。在訪問該頁面時呢，會先訪問，再代理轉發到一個進程中。這折騰的于是直接修改配置文件為直接從層代理轉發網頁回去問題上線后，發現，不論在桌面版，移動版中，網頁漢字都顯示為亂碼。

前因

前端項目是一個用 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網頁亂碼問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/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