プロキシ経由でAngular2 HTTPリクエストをリダイレクト

Question

angular-cliブートストラップを使用してAngular2アプリケーションを作成しており、デバッグにはwebpack-dev-serverを使用しています。

http要求の種類によっては、webpack-dev-server proxy supportを使用して別のバックエンドにリダイレクトしたいとします。

{ 
    "/api/**": { 
    "target": "http://localhost:4201", 
    "secure": false 
    } 
} 

そして、この設定ファイルを使用するために、角CLIをマップ：：私はproxy.conf.jsonファイルを作成しました。このため

コンソールメッセージを開始した後

ng serve --proxy-config proxy.conf.json 

は私に正常に作成されているプロキシを通知します

NG Live Development Serverが実行中ですhttp://localhost:4200

プロキシ作成：/ API/** - >http://localhost:4201

しかしhttp://localhost:4200/api/usersからのすべての要求は常に404ステータスコードを返します。私はURLをマッピングする多くの例を試しましたが、何も助けません。

"/api/users" -> "http://localhost:4201/users" 
"/api/" -> "http://localhost:4201/" 

私のプロキシサーバーからのデータが正常に要求されています。私が間違っていることは何ですか？

Answer 1

解決策が見つかりました。私は、プロキシサーバーから転送されたすべての要求をログに記録して、マッピングの仕組みを調べる簡単なエクスプレスサーバーを作成しました。そして私はマッピングについて間違った理解があることを知りました。

/api/users => http://localhost:4201/users 

次のルールを使用してWebPACKのプロキシサーバマップ：代わりに設定ファイルに定義されている厳格なマッピングの

/api/users => http://localhost:4201/users/api/users 

だからここソリューションは、プレフィックス

{ 
    "/api/users": { 
    "target": "http://localhost:4201", 
    "secure": false, 
    "pathRewrite": {"^/api" : ""} 
    } 
} 

を除外する pathRewriteパラメータを追加することです