Open1

GitHub Pages で SPA をホストするときの注意点

雪猫雪猫

ルーティングの制御ができないため SPA (Single Page Application) と相性が悪い。
サイトトップから開いて動かすと一見うまく動いているように見えるが F5 でページを更新すると 404 Not Found になる。

404.html を置いてリダイレクトをすることはできるが一度 404 が返ってしまうのは微妙そう。
URL に # を使って[1]回避することもできるがサイト外では # 以降が無視されるので SEO に難あり。

index.html で完結するようなサービスにするか、予めすべてのコンテンツを生成して MPA (Multi Page Application) にするのが良さそう。
URL にユーザー名を含めたくなるようなユーザー更新型のサイトは避けた方が無難。

もしくはルーティングを制御できるホスティングサービスもあるのでそちらを使う。(Vercel など)

脚注
  1. Vue Router で言う Hash Mode ↩︎