【Firebase】Vueプロジェクトでfirebase deploy した時に、Failed to load resource: the server responded with a status of 400 () が出た時の対処法

vue create [project] で作ったwebアプリをbuild後、firebase にデプロイしたらconsole logでエラー発生

手順は、
firebase deploy --only hosting 後、指定された firebaseapp.comを開いても、ブランクページが表示される。

consoleのエラー内容は、
Failed to load resource: the server responded with a status of 400 ()


firebase.jsonを変更すればok

npm run build でroot配下に、distディレクトリが自動生成された事を確認後、

firebase.json

{
  "hosting": {
    "public": "public",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }

ここの public: "public" をpublic: "dist　に変えるだけ。

修正後のfirebase.json はこちら

firebase.json

{
  "hosting": {
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }