ページをリロードしたり、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"
}
],
Kuroco_front.js の詳細についてはkuroco_front.jsonとは何ですか?を参照ください。
サポート
お探しのページは見つかりましたか?解決しない場合は、問い合わせフォームからお問い合わせいただくか、Slackコミュニティにご参加ください。