---
title: ページをリロードしたり、URLに直接アクセスすると 404 Not Found になります。
description: SPAの構成の場合、動的に作成したページをリロードしたりURLに直接アクセスすると、index.htmlのファイルが見つからないため404 Not Found になります。「SSGの構成にする」「URLリライトを設定する」のいずれかで解消できます。
category: trouble
---

import StructuredDataFaqs from '@site/src/components/StructuredDataFaqs';

<StructuredDataFaqs faqs={[
    { question: "ページをリロードしたり、URLに直接アクセスすると 404 Not Found になります。", answer: "SPAの構成の場合、動的に作成したページをリロードしたりURLに直接アクセスすると、index.htmlのファイルが見つからないため404 Not Found になります。「SSGの構成にする」「URLリライトを設定する」のいずれかで解消できます。" }
]} />

SPAの構成の場合、動的に作成したページをリロードしたりURLに直接アクセスすると、index.htmlのファイルが見つからないため404 Not Found になります。  
下記いずれかの方法で解消できますのでお試しください。  

## SSGの構成にする
SSGの構成で利用する場合、サーバー側であらかじめコンテンツを生成するため、本事象は発生しません。 
Nuxt.jsの場合は`nuxt.config.js`で`ssr: true,`を設定ください。

SPAとSSGの違いについては[Jamstackのアーキテクチャパターン](/ja/docs/about/jamstack-architecture/)を参照ください。  

## URLリライトを設定する
SPAの構成で利用する場合は、KurocoFrontでURLリライトの設定をしてください。
`Kuroco_front.js`に下記の記述を設定すると解消されます。

```js [Kuroco_front.js]
    "rewrites": [
        {
          "source": ".*",
          "destination": "/index.html"
        }
    ],
```

Kuroco_front.js の詳細については[kuroco_front.jsonとは何ですか？](/ja/docs/faq/what-is-kuroco_front_json/)を参照ください。  
