More than 5 years have passed since last update.

Firebase hosting で急に文字化けが発生するようになった話

Last updated at 2019-03-18Posted at 2019-03-18

index.htmlには、

index.html

<head>
  <meta charset="UTF-8" />

と、記載し、index.htmlの文字エンコーディングもutf-8となっているのに文字化けが発生。

かなり焦りましたが、firebase.jsonを変更したことを思い出しました。

CSVのダウンロードを作成するさいに、CSVはSHIFT-JISにするために、
Hostingの設定も変えてみた（実際はここで指定する必要なし）ことが問題だったようです。

firebase.json

    "headers": [
      {
        "source": "**",
        "headers": [
          {
            "key" : "Content-Type",
            "value" : "text/html; charset=shift-JIS"   // <= この部分が悪さをしている。
          }
        ]
      }
    ]

以下のように変更することで解決。

firebase.json

    "headers": [
      {
        "source": "**",
        "headers": [
          {
            "key" : "Content-Type",
            "value" : "text/html; charset=utf-8"   // <= 変更
          }
        ]
      }
    ]

2時間位ハマりました・・・。

2019/03/19 追記

どうも、この設定だとCSSが反映されないようでしたので、以下を削除しました。

firebase.json


            "key" : "Content-Type",
            "value" : "text/html; charset=utf-8"   // <=

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up