PC 側の Vue プロジェクトを携帯電話でデバッグしたい（ポート番号を持つすべてのプロジェクトが適用可能）

役に立った場合は、無料の「いいね！」をクリックしてください。ありがとう~~~

1. まず、携帯電話とコンピュータが同じ LAN 内にあることを確認します。

1. 同じ妻に接続している場合。

2. 電話機のホットスポットをオンにして、コンピュータを電話機のホットスポットに接続します。

2. プロジェクトを開始する

ここでのケースはすべて、私自身の携帯電話のホットスポットへの接続に基づいています。

1. webpack で構築されたプロジェクトから始めましょう。

(1) プロジェクトを開始する

(2) プロジェクト起動時のオンラインアドレスをモバイルブラウザにコピー

これは http://192.168.43.205.8080/ を指します。

(3) リンクをクリックしてアクセスするか、ブラウザのアドレスに直接コピーします

2. vite で構築したプロジェクトを開始する

(1) プロジェクトを開始する

(2) リンクを携帯電話にコピーして開きます

***ここでテストが行​​われました。このプロジェクトの最後のオンライン アドレスのみが機能します。

原因はまだはっきりと解明されていないので、分かりましたら追記していきます。

つまり、Vite によって構築されたプロジェクトの場合、携帯電話では http://192.68.43.205:3000/ にのみアクセスできます。

(3) 次のステップでは、リンクを開くと、プロジェクトのインターフェイスが表示されます。

これらは私が開発中に遭遇したいくつかの問題を共有したいと思います。