ページをリロードすると４０４エラー

Nuxtで作成したユニバーサルアプリケーションでページをリロードすると、404 not found errorになってしまいます。原因は、SSRの場合、動的ルートが生成されないからみたいなので、下の記事を読んでみました

NuxtJS API:generate routes>Promise を返す関数を使う

この記事のようにやれば、SSRでも動的ルートの生成はできるかもしれませんが、ユーザ数が増大した場合、レスポンスが遅くなると思います。

この問題を解決するための方法をご存知でしたらご教示いただきたいです

nt4c

2020/02/25 06:33

「Nuxtで作成したユニバーサルアプリケーションでページをリロードすると」とありますがこれはローカルサーバーで起動している際の問題ですか？質問に記載されてる公式のリンクが静的にページを生成する場合の処理のはずなのでSSRという部分に疑問を感じます。

Ropital

2020/02/25 12:40

公式の「ユニバーサルなウェブアプリケーションから静的なウェブアプリケーションの生成について設定します。」というのは、SPAの場合は、ブラウザからAPIを叩きますが、ユニバーサルの場合は、SSRでAPIを叩いて、静的なウェブアプリを生成して、ブラウザに返すという意味だと解釈しています

nt4c

2020/02/25 13:14 編集

いいえ、少し違います。 Nuxtの出力モードは「SPA」と「ユニバーサル」の2つがありますが、ユニバーサル設定でgenerateをしてもSSRということにはなりません。NuxtをSSRとして使う場合はwebサーバーに設置して動かす必要があります。なのでgenerateしてホスティングサービス等にデプロイしてもSSRとはなりません。この点を踏まえてですが現状SSRはされてますか？またローカルサーバーで確認している際でもリロードすると404になりますか？

Ropital

2020/02/25 13:21

親身に答えていただきありがとうございますそうなのですね。勘違いしていました。現状SSRはしています。そして、現在ローカルサーバで開発しているのですが、リロードすると404になります

nt4c

2020/02/27 06:39

ありがとうございます。では今の質問だけでは原因がつかめませんので404になるページのソースやファイル構成など記載できる範囲で追記いただければ回答をもらえるようになるかと思います。