web-dev-qa-db-ja.com

localhost以外へのアクセスを許可する方法

Angular 2でlocalhostの外部へのアクセスを許可するにはどうすればよいですか。私は簡単にlocalhost:3030/panelにナビゲートできますが、10.123.14.12:3030/panel/のように自分のIPを書いているときにナビゲートすることはできません。

修正方法を教えてください。プロジェクトのインストールと実行にnpm（ノードプロジェクト管理 - ノードインストール/ノード起動）を使用していません。

あなたが望むなら、私は私のpackage.jsonとindex.htmlを提供することができます。

angulartypescriptng-build
75
Tonyukuk

ng serve --Host 0.0.0.0を使用すると、localhostではなくipを使用してng serveに接続できます。

EDIT

Cliの新しいバージョンでは、代わりにあなたのローカルIPアドレスを提供しなければなりません

編集2

新しいバージョンのcli（私はv5以降だと思います）では、あなたのネットワーク上の誰かが話をするために、0.0.0.0をipとして使うことができます。

152
mast3rd3mon

Macユーザー：

  1. システム環境設定 - >ネットワーク - > Wi-Fiに行きます。
  2. 下記のIPアドレスをコピーしてくださいStatus（通常192.168.1.x）
  3. 次のようにあなたのngサーブに貼り付けます：ng serve --Host 192.168.1.x

それから192.168.1.x:4200を通して他のデバイスであなたのページを見ることができなければなりません。

22
Sajad

コマンドを実行します - "ng serve --Host = 0.0.0.0 --disable-Host-check"

これはホストチェックを無効にし、IPアドレスで外部からのアクセスではなくローカルホストへのアクセスを許可します。

12
Palla

ngrokを使用して、トンネルを通過するすべてのHTTPトラフィックをイントロスペクトすることもできます。その後、ngrok http --Host-header=rewrite 4200を使用して公開できます。

6
Zombie

Cmdを開き、プロジェクトの場所に移動します。つまり、プロジェクトに対してnpm installまたはng serveを実行します。

その後、コマンドng serve --Host 10.202.32.45を実行します。ここで、10.202.32.45はIPアドレスです。

4200があなたのポート番号である10.202.32.45:4200であなたはあなたのページにアクセスすることができるでしょう。

注：このコマンドを使用してアプリを提供している場合は、localhost:4200にアクセスすることはできません

3
Rakesh Ranjan

以下のようにプロジェクトのangular.jsonファイルを編集するだけでうまくいきます。

...

    "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "project:build",
        "Host": "0.0.0.0"
      },

...

2
Farzad

問題はファイアウォールでした。 Windowsを使用している場合は、ノードが enter image description here

0
TSR

あなたのIPアドレスにアクセスするには、次のコマンドを使用できます。

ng serve --Host 0.0.0.0 --disable-Host-check

Npmを使用していて、毎回コマンドを実行したくない場合は、 scripts セクションの package.json ファイルに次の行を追加してください。

"scripts": {
    ...
    "start": "ng serve --Host 0.0.0.0 --disable-Host-check"
    ...
}

その後、同じネットワーク内の他のシステムからアクセスするには、下記のコマンドを使用してアプリを実行します。

npm start
0
Irshad