ページをリロードしたり、URLに直接アクセスすると 404 Not Found になります。
SPAの構成の場合、動的に作成したページをリロードしたりURLに直接アクセスすると、index.htmlのファイルが見つからないため404 Not Found になります。
下記いずれかの方法で解消できますのでお試しください。
SSGの構成にする
SSGの構成で利用する場合、サーバー側であらかじめコンテンツを生成するため、本事象は発生しません。
Nuxt.jsの場合はnuxt.config.jsでssr: true,を設定ください。
SPAとSSGの違いについてはJamstackのアーキテクチャパターンを参照ください。
URLリライトを設定する
SPAの構成で利用する場合は、KurocoFrontでURLリライトの設定をしてください。
Kuroco_front.jsに下記の記述を設定すると解消されます。
"rewrites": [
{
"source": ".*",
"destination": "/index.html"
}
],
sourceの".*"は特殊な指定として扱われます。この場合のみファイルの存在確認が行われ、対応するファイルが存在しないリクエストだけが/index.htmlにリライトされます。JSやCSSなど実在するファイルはそのまま配信されます。
注記
/assets/配下を除外する正規表現など、".*"以外をsourceに指定すると、通常の正規表現として扱われてファイルの存在確認が行われないため、マッチしたリクエストが常に/index.htmlにリライトされます。SPAのフォールバックとしては".*"を指定してください。
Kuroco_front.js の詳細についてはkuroco_front.jsonとは何ですか？を参照ください。
関連ドキュメント
サポート
お探しのページは見つかりましたか？解決しない場合は、問い合わせフォームからお問い合わせいただくか、Slackコミュニティにご参加ください。