ローカルコンピューターの静的ページへの携帯電話アクセス

webstromを使用して別のページを開く場合、ブラウザーの実際のアドレスは次のとおりです。

http：// localhost：63342 / meipro-work / pages / active / findreset.html？_ijt = jhp5kumvugie2h6r0ublp089kf

これがたまたまモバイル用に開発しているページであり、検証結果をテストするために携帯電話でアクセスしたい場合、どのようにアクセスできますか？
ウェブストーム設定で設定できる関連設定がありますが、試してみたところ使いづらい

いくつかの方法があります。
グローバルnode.jsをインストールしている場合は、最初の2つの方法を使用できます。

1、httpサーバー

コンピュータのIPアドレスとポート番号8080を入力して、ローカルに記述されたHTMLページにアクセスします（電話とコンピュータが同じLAN上にあることを確認してください）

npm install -g http-server

コマンドラインを開き、サイトディレクトリにhttp-serverと入力すると、結果は次のようになります。

Paste_Image.png

ブラウザにhttp://10.69.57.60:8080と入力して、meipro-workのルートディレクトリの下のページにアクセスします。サブフォルダにある場合は、対応するパスを変更します。

2.ブラウザ同期ドキュメントの説明

npm install -g browser-sync

インストールが成功し
たら、DOSウィンドウまたはgit bashでテストするファイルディレクトリを入力できます。browser-sync start --server --files "css / .css、.html"でサービスを開始します

Paste_Image.png

3、nginx

confフォルダーにあるnginxという名前の構成ファイルを次のように変更する必要があります。

1、2はルートフォルダでコマンドを実行することに注意してください、3はルート値がこのフォルダのパスです

4. npm run build後にvueプロジェクトによって生成されたファイルにアクセスする場合

次のserver.jsを使用して、vueプロジェクトのルートディレクトリに配置できます。

var express = require（' express ' ）;
var app = express（）;

app.use（' /静的'、発現。静的（__dirname + ' /開始/静的' ））;

アプリ。get（' / ' 、function（req、res）{
  res.sendFile（__ dirname + ' /start/index.html ' ）;
}）;

var server = app.listen（8888 、function（）{
   var host = server.address（）。address;
   var port = server.address（）。port;

  console.log（' http：//％s：％sでリッスンするアプリ' 、ホスト、ポート）;
}）;

これにはブラウザでアクセスでき、localhost：8888と入力
しますが、ドメイン名を使用する場合は、ポート番号を80に変更して、ホストの
例を構成する必要があります。

127.0。0.1 console.jianshu.com

次にconsole.jianshu.comと入力してアクセスします

著者：special_lily
リンクします。https：//www.jianshu.com/p/112ccd34092a
出典：ジェーン・ブック