Nuxtのローカル環境をスマホ等で確認する

2019/08/11

Nuxtのローカル環境をスマホ等で確認したいとき 
IPアドレス確認して192.***.**.*:3000でアクセスしても見れなかったのでメモ

nuxt.config.jsにローカルサーバーの設定を追加

export default {
  server: {
    host: '0.0.0.0'
  }

上記設定をするとターミナルに

http://192.**.**.*:3000/

と表示されるので、表示されたURLにスマホでアクセスすれば確認できる

ちなみにportを変更したい場合は

export default {
  server: {
    port: 8000,
    host: '0.0.0.0'
  },

のようにすれば任意のportに変更できる