Angular with server-side frameworkを使用する

Question

私はクライアントサイドフレームワークとしてAngularを使用したサーバーサイドフレームワークとしてFlaskを使用しています。

Flaskが使用するindex.htmlテンプレートファイルのdistフォルダにある、コンパイルされたAngular jsファイルを参照するのはかなりわかりやすいようです。

APIを同じFlaskサーバーでセットアップしました。

私の問題はこれです：

私はng buildを使用して、python flask-server.pyすべてが正常に動作を実行します。

私がng serveを実行すると、アプリケーションのフロントエンドロジックしか利用できず、サーバーと通信できなくなります。

APIを使用するためにng serveとpython flask-server.pyを実行したとしても、2台のサーバが自分のマシンで通信していることに起因するクロス起点の問題が発生します。

これは大きな問題ではありませんが、ng testでテストを行っているときに同じ問題が発生することが予想されます。テストは非常に重要です。

私はこれに正しい方法で近づいていますか？

私が考えることができる唯一の解決策は、API機能を備えた一部のリモートマシン上に完全に別のサーバーを置くことです。したがって、ng serveでAngularアプリをテストし、クロスオリジンの問題なしにAPIを呼び出します。

可能であれば、私はこれを避けたいと思います。

同じマシンでフロントエンドとバックエンドの両方の開発をしたいと思います。テストを含む。

Answer 1

これらの2つのオプションが合理的です：

1. あなたは、クロスオリジンの構成を有しているサーバからのすべてのバックアップされたコードを提供することができます言ったように。

2. 異なるポート上でフロントエンド（角）とバックエンドにサービスを提供し、クロスオリジンの設定を行います。

NG --port [port_numberを]サーブ：NGは、サーバー上のクロスオリジンの問題を持っている可能性がどのように