Vueのプロジェクトは、直接アクセスのLAN IPを設定するために使用することはできません

Vueのプロジェクトは、直接LAN IPの設定方法は、最初のものを体験してアクセスするために使用することはできません

プロジェクトの一般的な使用ダウン​​ヴュー-CLIは192.168.1.11:8080ような、LAN IPへの直接アクセスを開くことです。しかし、最近では、同社のプロジェクトはlocalhostのみを介してアクセスすることができます。

それは彼らがLAN IPに直接アクセスできるようにするには、次のように、設定する必要があります:

0.0.0.0属性--host DEVに追加します。

"スクリプト" { "DEV" "のWebPACK-devのサーバー--inline --progress --configビルド/ webpack.dev.conf.js --host 0.0.0.0" "開始" "NPM実行DEV" "ユニット" "冗談--configテスト/ユニット/ jest.conf.js --coverage" "テスト" "NPM実行単位" "ビルド" "ノードビルド/ build.js" }、 
                    

だから、コンピュータのIPは、直接プロジェクトサイトを開くアクセスするために携帯電話を使用することができます。

それでもアクセスできない場合は、必要な設定するには、およそコンピュータファイアウォールを開きます:、必要なポート(8080など)。

次のように設定します。

Windowsの10、「コントロールパネル」を検索し、開いて、Windows 7の[スタート]メニューから直接開くことができます。

「詳細設定」 - - 「Windows Defenderのファイアウォール」をクリックして「ネットワークルール」新

ルールの種類を選択し、「ポート」次のステップ「特定のローカルポート」塗りつぶし8080-8088(ここではIPセグメントを使用すると、複数のプロジェクトを開いた場合、ポートが占有されるため、Vueのは、自動的になど、新しいポートを割り当てます、次のとおりです。8081 )。

Vueのプロジェクトは、直接2のLAN IPの設定方法の経験にアクセスするために使用することはできません

次に、「接続を許可する」のオープン次のシーンを選択し、私は、最初の2つを選んだ、次のステップは、ルール名を入力して「完了」をクリックしてください。

お使いのコンピュータのIPプラスポート番号、192.168.1.11にアクセスするために携帯電話を使用したので:8080プロジェクトを開くことができます。

コンピュータのIPを取得する方法:

勝利+ Rファイル名を指定して実行「CMD」、IPCONFIGは、入力タイプ、あなたは自分のIPを見て、私の192.168.2.103のようなことができます。

Vueのプロジェクトは、直接最初の3つの教訓LAN IPの設定方法にアクセスするために使用することはできません

これは、サーバーにデプロイすることなく、デバッグデバイスがアクセスしてテストすることができ、より便利です。

免責事項:オリジナルw3h5からこの記事では、ソースを明記してください:「Vueのプロジェクトは、LAN IPダイレクトアクセスを設定するために使用することはできません」https://www.w3h5.com/post/459.html 

おすすめ

転載: www.cnblogs.com/deshun/p/12075520.html