なにそれ

nuxt.jsでは、静的ビルドで開発した際に、ローカルでビルドファイルの./dist/index.htmlを開いても表示できない問題がありました。
(普通にやるとNot Foundページが出てしまいます。)

nuxtでgenerateしたファイルをローカルで実行する。- Qiita

こちらでもできるそうですが、ローカルの都合でnuxt.config.jsをいじりたくなかったため、別の方法で、試してみました。

意外と手軽にできるので、よかったら試してみてください。

使うモジュール

コマンド

複数のプロジェクトで使うことになるので自分の場合は、グローバルに追加しました。
yarn global add http-server

使い方

  1. nuxtで普通に開発

  2. yarn generate で静的ビルド

  3. http-server ./dist -o -p 8888を実行

  4. 自動でブラウザが開かれるほか、http://127.0.0.1:8888でも開くことができます。