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の設定を確認してみてください。
コメント