なにそれ
nuxt.jsでは、静的ビルドで開発した際に、ローカルでビルドファイルの./dist/index.html
を開いても表示できない問題がありました。
(普通にやるとNot Foundページが出てしまいます。)
nuxtでgenerateしたファイルをローカルで実行する。- Qiita
こちらでもできるそうですが、ローカルの都合でnuxt.config.jsをいじりたくなかったため、別の方法で、試してみました。
意外と手軽にできるので、よかったら試してみてください。
使うモジュール
コマンド
複数のプロジェクトで使うことになるので自分の場合は、グローバルに追加しました。yarn global add http-server
使い方
nuxtで普通に開発
yarn generate
で静的ビルドhttp-server ./dist -o -p 8888
を実行自動でブラウザが開かれるほか、http://127.0.0.1:8888でも開くことができます。