firebase functions expressを用いたwebアプリ

Question

express、firebase functions、hostingを用いてwebアプリを製作してます

困っているのは、firebaseでホスティングされた静的ファイルをgetする際、
404が帰ってきてしまうことです

以下情報です

1. localhostでは

localhost/hogehoge
にアクセスすると、react-routerでルーティングを施した
/hogehogeにアクセス可能

1. webサイト

index.htmlをエントリーポイントにparcelを用いてビルドしたものをdistに出力

1. expressの設定

const app = express();
app.use(express.static('../../dist'));
app.use(function(req, res) {
    res.sendFile(path.join(__dirname, "../../dist", "index.html"))
  });


export const application = functions.https.onRequest(app);

firebase.jsonの設定

{
  "functions": {
    "predeploy": [
      "npm --prefix \"$RESOURCE_DIR\" run lint",
      "npm --prefix \"$RESOURCE_DIR\" run build"
    ]
  },
  "hosting": {
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "function": "application"
      }
    ]
  }
}

Answer 1

distディレクトリを移動して解決しました

res.senfileはfirebase functions上でfunctionsディレクトリまでしか遡れない？

Answer 2

functionsはindex.htmlを返すだけのプログラムでしょうか？

その場合は、functionsの利用は不要でhostingのみの利用で十分ではないでしょうか。

https://<project-id>.firebaseapp.com/にアクセスすれば、index.htmlが参照できると思います。