Nuxt3をspaにしてレンタルサーバーで使う

さくらのレンタルサーバーに静的サイトとしてデプロイしたかった。

まずconfigを変更.
今回はルートパスが変わるので公開時のルートパスに変更しておく

nuxt.config.ts

export default defineNuxtConfig({
  ssr: false,
  app: {
    baseURL: '/directory-name/'
  },
...

次に静的ファイルを出力する。

terminal

npx nuxi generate  

　　　
　　　
するとdistフォルダ内に静的ファイル群ができるので、
それをレンタルサーバーにアップ。

最後に.htaccessを追加してルートパスを合わせる。

.htaccess

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /directory-name
RewriteRule ^directory-name/index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /directory-name/index.html [L]
</IfModule>