ホームページ制作を大阪で安く頼むならプロットハブ!

ホームページ制作を大阪で安く頼むならプロットハブ!
毎月5社限定企画実施中

プロットハブ技術ブログ

【SPA】nuxt generateしてデプロイしたら404エラーが出る

Ryota Ono

Ryota Ono

2024/6/30

Nuxt3でnuxt generateして作成されたファイルをデプロイしたら、トップページは表示されるが、その他のページにアクセスすると404エラーが出たので解決策を共有します。
初見だと原因が分かりにくので、同じような状況になった時のためにメモしておきます。

現象

nuxt generateしてデプロイしたら、トップページは表示されるが、その他のページにアクセスすると404エラーが出る。

nuxt.config.ts

nuxt.config.tsのssrをfalseにしてSPAモードにしています。

export default defineNuxtConfig({
  devtools: { enabled: true },
  ssr: false, // SPAモードに設定
  modules: [
    '@nuxt/eslint',
    '@pinia/nuxt',
  ],
});

解決策

Apacheで全てのリクエストをindex.htmlにリダイレクト設定する必要がありました。
トップページ以外にアクセスすると、そのパスに対応するファイルを探しにいってしまうため404エラーになっていました。

まとめ

初めてSPAモードでnuxt generateしてデプロイした時には、404エラーが出る可能性があるので、その時はApacheの設定を確認してみてください。

プロットハブはソフトウェア開発を
支援しています。
ご興味のある方はぜひお気軽に
ご相談ください。

一覧ページに戻る

全カテゴリ一覧

全タグ一覧

関連記事

コメント

コメントを残す

コメントが承認されると公開されます。※の入力欄は必須項目です

ホームページ制作が毎月5社限定5万5千円から!ご依頼の方はコチラ!