webpack-dev-serverでサーバーを立ち上げて、iPhoneで確認したい

前提・実現したいこと

webpack-dev-serverでサーバーを立ち上げて、iPhoneで確認したいです。

発生している問題・エラーメッセージ

本当は、browser-syncのopen:externalのように設定一つで自動で現在のホストが指定されて欲しいのですがそのような機能はないようなので、

検索してみて、

host:'0.0.0.0'

を指定し、PCのブラウザでは開けました。

ただし同じアドレスにiPhoneのSafariからアクセスしても表示できません。

disableHostCheck: true,

も試しましたが、ダメでした。

該当のソースコード

javascript
1    devServer: {
2      contentBase: "dist",
3      host: '0.0.0.0',
4      disableHostCheck: true,
5      open: true
6    },

試したこと

ネットワーク環境設定に表示されている、ホストアドレス（192.168.x.xなど）を記入すると、iPhoneからもアクセス可能です。

補足情報（FW/ツールのバージョンなど）

macOS 10.15.3
iOS 13.3.1

hoshi-takanori

2020/05/29 09:48

IP アドレスは勝手に変更される場合があるので名前でアクセスしたい、ということであれば、システム環境設定の共有パネルでローカルホスト名 (my-macbbok-pro.local みたいなやつ) を確認して、それを使ってアクセスできます。 https://tipstour.net/mac-change-computer-name