2017-03-27 13 views
0

Tomcatサーバーにangle2 Webアプリケーションをデプロイしようとしています。 ng buildコマンドで私はdistフォルダを作成し、そのフォルダをTomcatにアップロードしています。Angular2/Tomcatでリソース(JSファイル)を読み込めませんでした

私は自分のWebアプリケーションを実行するたびに、私はfolowingエラーメッセージが出ます:リソースの読み込みに失敗しました:サーバーは、404の状態(と答え)

これらのリソースは、NGのビルドによって作成された私の.jsファイルですコマンド。 (例:main.bundle.js)

彼は間違ってそれらをマップするように、彼は8080/main.bundle.jsの代わりに、8080 /のcontextPath/main.bundle.js

上でそれらを探しているので、それは感じています`私は解決策を見つけた

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>DummyTitle</title> 
    <base href="/"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
    <link rel="icon" type="image/x-icon" href="favicon.ico"> 
</head> 
<body> 
    <app-root></app-root> 

<script type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="polyfills.bundle.js"></script><script type="text/javascript" src="scripts.bundle.js"></script><script type="text/javascript" src="styles.bundle.js"></script><script type="text/javascript" src="vendor.bundle.js"></script><script type="text/javascript" src="main.bundle.js"></script></body> 
</html> 

` --EDIT-- 、私はちょうどaddesてきた/ index.htmlをのベースHREFにDIST:これは私のindex.htmlです。これで.jsに正しくロードされます。

ただし、新しい問題が発生しました。私のURLはすぐに変わります。 8080/dist /に8080/dist/login?returnUrl =%2Fと変わります。ページをリフレッシュすると問題になります。

--EDIT 2-- コードのどこかにfixxedという問題があります。私のURLにqueryparamsを追加した行がありました。これを削除し、それは働いた。 :)すべてが今働きます。

+0

あなたは修正をお持ちの場合は他の人が学ぶ/従うことができますので、あなたは答えとしてそれを投稿することができます。 –

答えて

0

答えていただきありがとうございます。node.js/expressを使用して同じ問題が発生しました。 変更が問題を修正している間に、自分のコンポーネントをビルドするたびに生成されたindex.htmlが初期設定に戻ります。 この設定をどのように(またどこで)変更できるのか把握しましたか? 乾杯 グレッグ serving @angular/cli component using express, path issue は - 回避策として、私が見つかりました:ng build --base-href /trinity-app/dist

関連する問題