2つのAngular 2アプリケーションを構築しています。そのうちの1つはクライアント側であり、もう1つは管理部分です。彼らは、次のように私のページを提供して、私はnginxの仮想ホストを設定したステージングと運用サーバーで/etc/hostsを使用して、別のドメインをローカルホストの別のポートに設定します。
：
http://example.com/（クライアント側のアプリです） http://example.com/#/adminは（管理ページで）
、それが動作します。私は認証のためにJWTトークンを使用しているので、そのような設定が必要です。そのトークンはLocalStorageに保存されており、クライアント側のアプリケーション（example.com）には1つのログインフォームしかありません。
クライアント側のアプリケーションにログインして管理パネルへのアクセスをクリックすると、example.com/#/adminにリダイレクトされます。URLの原点は変更されないため、ローカルストレージにはまだJWTがあります彼は彼が管理パネルにアクセスする必要がある場合は、ユーザーがロール "スーパー管理者"を持っているかどうかを確認することができます。
私はローカル環境で同じ設定が必要です。
現在、ローカルマシンで2つのAngular's 2アプリケーションを起動すると、異なるポートを持つ次のドメインにあります。
http://localhost:4300（クライアント側アプリケーション） http://localhost:4700（管理ページアプリ）
私はローカルマシン上で持つようにしたいことは、両方のアプリケーションを起動すると、クライアント側のアプリケーションにアクセスするために
http://localhost:4300を入力することであり、管理アプリにアクセスするにはhttp://localhost:4300/#/admin
/etc/hostsを設定することで達成できますか？事前
を使用することは非常に簡単。生産時と同じVHでローカルnginxをセットアップすることを検討してください。 –