Webpackプロダクション設定でプロキシを設定します。角2+

ご覧のとおり、webpack.dev.configにプロキシがあります。 webpack.prod.configにプロキシを設定するにはどうすればよいですか？私は自己ドメインのURL以外の別のAPIドメインのURLを呼び出したい。Webpackプロダクション設定でプロキシを設定します。角2+

出典

2017-05-24 Jeeten Parmar

であなたを指して願っています。 httpサーバにプロキシを設定する必要があります。たとえば、httpサーバがnginxの場合、location/api/{ proxy_pass http：// localhost：8080; } –

@JuliaPassynkova、私は 'jhipster'を使っていますSource：https://jhipster.github.io/using-angular実例を教えていただけますか？ –

JHipsterはアプリケーションジェネレーターなので、プロダクションファイルを提供しているサーバーの質問には答えません。 JHipsterでどのような設定をしましたか？プロダクションセットアップでコードを提供するサーバを知っていることは、プロキシを設定する前にプロキシを設定する必要がある場合を除いて、プロキシの設定に役立つことが不可欠です。 – Hampus

私は幾分答えを提供しようとします。

ジュリアが指摘しているように。プロダクション環境ではwebpack devサーバを使用しないでください。プロダクション環境でプロダクションプロキシ設定を行う方法ではありません。あなたがそのようなカスタムプロキシ設定でWebPACKのサーバーを起動することができますし、あなたが本当にしたい場合には、言われている：あなたがやるべきことは何

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

はでビルド生産を構築するためにangular/cliを通じて、WebPACKのを使用することであり、その後、これらのファイルを移動して、選択した静的ファイルサーバーによって処理されます。すべてあなたがガイドと生産にあなたのコードを取る方法については、ツーリングが既に存在しているJHipsterを使用しているので、あなたのリンクからhttps://jhipster.github.io/using-angular/

を取ら上記

ng build --prod

：そのような生産バンドルをビルドします。ここにあなたの続きを読む：https://jhipster.github.io/production/

私はあなたがプロキシとのWebPACK-devのサーバーを使用しない生産では、これは正しい方向

出典

2017-06-01 11:20:08 Hampus

'proxy'は良い選択ですか、それとも環境変数にする必要がありますか？ –

プロキシ（リバースプロキシ）と環境変数は、同じ問題を解決するツールではないので、達成したいのは何ですか？あなたはクライアント/フォントエンドがあなた自身のものよりも他のWebサービスに話したがったり、あなたのサーバーの前にプロキシを置いて着信要求を指示できるようにしますか？ – Hampus

はい、フロントエンドサーバーとバックエンド（webservices）サーバーが異なります。 –

Webpackプロダクション設定でプロキシを設定します。角2+

答えて

関連する問題