1. ホーム
  2. angular

[解決済み] angular-cli server - APIリクエストを別のサーバーにプロキシする方法は?

2022-09-28 04:16:05

質問

このような場合 angular-cli ng serve ローカル開発サーバーでは、私のプロジェクトディレクトリからすべての静的ファイルを提供しています。

どのように私はAJAXの呼び出しを別のサーバーにプロキシすることができますか?

どのように解決するのですか?

UPDATE 2017

より良いドキュメントが利用できるようになり、JONとJavaScriptの両方を使用することができるようになりました。 JSONとJavaScriptベースの設定の両方が使えるようになりました。 angular-cli ドキュメントプロキシ

https プロキシの設定例

{
  "/angular": {
     "target":  {
       "host": "github.com",
       "protocol": "https:",
       "port": 443
     },
     "secure": false,
     "changeOrigin": true,
     "logLevel": "info"
  }
}


私の知る限り、Angular 2.0リリースでは、.ember-cliファイルを使用してプロキシを設定することは推奨されません。

  1. 編集 "start"package.json を以下のようにします。

    "start": "ng serve --proxy-config proxy.conf.json",

  2. という名前の新しいファイルを作成します。 proxy.conf.json という新しいファイルをプロジェクトのルートに作成し、その中で以下のようにプロキシを定義します。

    {
      "/api": {
        "target": "http://api.yourdomai.com",
        "secure": false
      }
    }
    
    
  3. 重要なのは npm start の代わりに ng serve

ここから詳細を読む: プロキシ設定 Angular 2 cli