angularで作成したサイトをwebに公開したい

Question

###angularで作成したサイトをwebに公開したい

angularでプログラムを作成後、ng build でdistフォルダを作成しました。
（http://localhost:4200/で動作確認済み）

###発生している問題・エラーメッセージ

distフォルダ内のindex.htmlにブラウザからアクセスしても,
Loading...画面のままで、先に進まない。

###希望
どのようにすれば、
angularで作成したサイトを読み込むことができるのでしょうか？

Answer 1

base-hrefの設定はしていますか？

http://example.com/ に配置する場合は設定は不要（defaultなので）ですが
http://example.com/hoge とサブディレクトリに配置する場合はbase-hrefが必要になります。
hogeディレクトリ配下の例では

ng build -prod --aot --base-href=/hoge/

のようになります。

オプションの

• -prodはビルドターゲットを本番版にする
• --aotは事前コンパイル

みたいな感じです。詳しくはng build --helpコマンドで確認できます。

※--base-hrefのパス指定の最後にスラッシュまで必須みたいです。

Answer 2

file:// 〜 /index.htmlで表示できないという意味であれば
angular等は直接表示しても上手く動きません。
どこかのサーバーにアップすれば動きます。