[解決済み] 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ファイルを使用してプロキシを設定することは推奨されません。
-
編集
"start"
のpackage.json
を以下のようにします。"start": "ng serve --proxy-config proxy.conf.json",
-
という名前の新しいファイルを作成します。
proxy.conf.json
という新しいファイルをプロジェクトのルートに作成し、その中で以下のようにプロキシを定義します。{ "/api": { "target": "http://api.yourdomai.com", "secure": false } }
-
重要なのは
npm start
の代わりにng serve
ここから詳細を読む: プロキシ設定 Angular 2 cli
関連
-
[解決済み] Angular CLIでコンポーネントの名前を変更する方法は?
-
[解決済み] Angular CLIをアンインストール/アップグレードする方法は?
-
[解決済み】Angular CLIが生成する「spec.ts」ファイルは何のためにあるのか?
-
[解決済み】Angular-CLIでコンポーネントを作成し、特定のモジュールに追加する。
-
[解決済み】angular-cliでテストスペックを1つだけ実行する方法
-
[解決済み】angular-cliプロジェクトにbootstrapを追加する方法
-
[解決済み] angular-cli server - デフォルトのポートを指定する方法
-
[解決済み] angular-cli webpack.config.jsはどこにあるか - 新しいangular6ではng ejectがサポートされていない
-
[解決済み] プロパティ 'X' はプライベートであり、クラス 'xyzComponent' 内でのみアクセス可能です。
-
[解決済み] FormGroupから単一の値を取得する方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ng buildの後にangular-cliのdist-folderのパスを変更するには?
-
[解決済み] ng serve がファイルの変更を自動的に検出しない
-
[解決済み] 別のプロセス(id #######)が現在 ngcc を実行しています。
-
[解決済み] 継承と依存性注入
-
[解決済み] ng2 - ng-containerタグとng-templateタグの違い
-
[解決済み] Angular CLIで特定のバージョンのAngularをインストールするには?
-
[解決済み] 文字列|ヌル'型の引数は、文字列'型のパラメータに代入できません。タイプ 'null' はタイプ 'string' に割り当てられません。
-
[解決済み] RxJSのmap演算子でエラーを出す方法 (angular)
-
[解決済み] Angular2 formGroupに値を設定する
-
[解決済み] angularで「タイプ 'EventEmitter' は一般的ではありません」ERROR。