場合によっては、フロントエンドでプロジェクトを作成し、その効果を他の人に見せたい場合、コードをテスト環境にデプロイすることを選択したり、IP を介して外部からアクセスできるようにすることを選択したりできますが、前提は同じローカル エリア ネットワーク (同じ A WiFi に接続するなど) の下にある場合、2 番目の方法を以下に紹介します。
dev コマンドを変更する
まず、ホストアドレスを変更する必要があります. ここでは、vue3 プロジェクトを例に取ります.
次のようにページが開始された後
通常、script
dev コマンドはホストを指定せず、Local
下に表示されているアドレスがデフォルトのアドレスです127.0.0.1
. この時点で、この URL を他の人に送信しても、絶対に機能しません.
したがって、ホストを指定できます。たとえば0.0.0.0
、すべての ip アクセスを許可します。
"dev": "vite --host=0.0.0.0",
ホストを変更した後、Windows システムの場合、ファイアウォールもオフにする必要があります (Apple では必要ありません)。プロジェクトを再起動して確認してください
モザイクが再生されるネットワーク上の Web サイトは、実際にはマシンの IP アドレスです。cmd
ウィンドウにコマンド プロンプトを入力し、入力してipconfig
IP アドレスを検索します。Apple の場合は、小さな wifi アイコンをクリックしoption
、キーを同時に押して、IP アドレスを見つけます。
他のパソコンや携帯電話からのアクセス
ブラウザに URL を入力して関連ページを表示します。この方法は、モバイル端末のデバッグにも適用できます。