Angularアプリケーションでプロキシを使用すると、504（ゲートウェイタイムアウト）エラーが発生する

Question

2つの異なるローカルホストで動作するように角度アプリを設定しようとしています。

プロジェクトルートにbackendフォルダを作成し、echo.phpファイルを追加しました。

：アンギュラアプリを起動する

ngOnInit(){ 
    this.http.get('http://localhost:4200/backend/echo.php').subscribe(data => { 
     console.log(data);  
    }); 
    } 

：私はecho.phpを取得しようと

{ 
    "/backend/**": { 
    "target": "http://localhost:80", 
    "secure": false 

    } 
} 

：プロジェクトのルートでは、私はまた、follwingコンテンツにproxy.conf.jsonを作成しました

ng serve --port 4200 --host 0.0.0.0 --proxy-config proxy.conf.json 

ブラウザコンソールでは、504 error Gateway Timeoutが表示されています。ターミナルで、エラーは少し違って聞こえます：

[HPM] Error occurred while trying to proxy request /backend/echo.php from localhost:4200 to http://localhost:80 (ENOTFOUND) 

私は何が間違っているのか分かりません。あなたは正しい方向に私を向けることができますか？ 私はこのURLで直接角度のない（ポート80で動作している）サーバー上のファイルにアクセスできます：http://localhost/backend/echo.php。

EDIT：

echo.php：

<?php 
echo "data from php"; 

Answer 1

私はng serveとプロキシ試していないが、何私のために働いたことのルートディレクトリにあるバックエンドアプリや角部をしていますフォルダ名viewまたはfront-endなどのサブディレクトリに保存します。同様の問題がnodejsの場合はLaunch angular 4 from Hapi jsを確認してください。ご不明な点がございましたら、お気軽に詳細をお尋ねください。

Answer 2

多くの時間の後、私は本当の問題を発見しました。これは、proxy.conf.jsonでターゲットを指定することに由来します。これは正しいです：

{ 
    "/backend/*": { 
    "target": "http://127.0.0.1", 
    "secure": false, 
    "changeOrigin":true, 
    "logLevel": "debug" 
    } 
} 

そして、これではありません。

{ 
    "/backend/*": { 
    "target": "http://localhost", 
    "secure": false, 
    "changeOrigin":true, 
    "logLevel": "debug" 
    } 
} 

これは自分自身でng serveを実行することが可能であることではないと接続することができます。

ng serve 

コマンドはエラーを返します。

getaddrinfo ENOTFOUND localhost 
Error: getaddrinfo ENOTFOUND localhost 
    at errnoException (dns.js:28:10) 
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:76:26) 

これは、古い問題であり、私はこのエラーの底にやったことがなかったです。代わりに、私はそれを回避するためにng serve --port 4200 --host 0.0.0.0を使用しました。

誰かがこれがなぜ機能するのか説明できるのはすばらしいことです。私/etc/hostsファイルには、以下の内容があります。

127.0.0.1  localhost 
255.255.255.255 broadcasthost 
::1    localhost 
192.168.1.1  router.hm 
127.0.0.1 My-MBP # added by Apache Friends XAMPP