2017-11-19 3 views
0

"ng build --prod"を使用してdistフォルダの内容をwar(Tomcatコンテナにデプロイされている)にコピーすると、多くの問題に直面しています。ページをリフレッシュするときに404エラーを出すルーティングと同じです。dist出力でプロダクションを展開すると、完全に動作しない

私のクライアントアプリケーションと並行して、サーバー(eclipseから)にデプロイすることができる残りのアプリケーション(動的Webプロジェクトとして)があり、変更が自動的に反映されます。 私はこのプロジェクトの一部としてangleのsrcを含めることができ、クライアント側を同じプロセス内に配置することは可能でしょうか?

これは、2つの別々のプロジェクトの処理を節約し、開発モードで完璧に動作しないプロダクション出力を生成するためにアプリケーションをビルドすることに対処します!

ありがとうございました。

答えて

1

ルーターの設定にuseHashオプションを追加する必要があります。ルートをyourdomain.com/pathからyourdomain.com/#/pathに変更し、404エラーを回避します。

RouterModule.forRoot(
    appRoutes, 
    { useHash: true } 
) 

これは、そうするのが最も簡単ですが、あなたはまた、例えばnginxのとは別に、あなたの前に仕え、感謝ピエールをindex.htmlを送信することによって、404を扱う彼を強制し、

+0

同じURLを保つことができます。ルーティングはうまくいきましたが、私がしたことが正しいかどうか尋ねるのは正しいです。 "ng build --prod --base-href ./"で私のアプリケーションを構築しました。 はそのままdistフォルダをとり、 WebContentフォルダ さらに、私のdistフォルダ内のindex.htmlにリダイレクトされているWebContentフォルダの下に別のindex.htmlを作成しましたが、たとえば画像を見つける際に問題があります。 にhttp:// localhost:8080//DIST /#/アプリ/コンポーネント/ /assets/img/edit.png 資産はdistのフォルダの下に設定したフォルダであり、IMGのフォルダが含まれています! – zbeedatm

+0

申し訳ありませんが、私は意味: にhttp:// localhost:8080//DIST /#/アプリ/コンポーネント/ 私は行くします。http:// localhost:8080//DIST /資産/ IMG /編集。 png 画像があります! img src私は "/ assets/img/..."を使っていました。 – zbeedatm

+0

srcをsrc = "assets/img/..."に変更しました。 – zbeedatm

関連する問題