More than 3 years have passed since last update.

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

Posted at 2020-04-07

`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 ()

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/**"
    ]
  }