2017-03-15 12 views
1

私は角度のあるCLIからプロジェクトを作成し、アセットフォルダの下にイメージを配置しました。 これは、ローカルホスト環境では正常に動作しますが、それはbuild --prod --base-href "my-project"Angular2:アセットフォルダイメージを読み込めません

後のベースHREFは、distディレクトリのindex.htmlの中に変更された404

enter image description here

enter image description here

を投げgithubのページを展開したとき。

<base href="my-project"> 

githubページにデプロイした後、イメージが見つかりませんでした。

GET https://srk.github.io/assets/srk-favicon.ico 404 (Not Found) 

私はURLはあなたが以下にベースhref変更を加える必要がありhttps://srk.github.io/my-project/assets/srk-favicon.ico

+0

..:

src="./assets/srk-favicon.ico" 

代わりのをあなたは事実を述べているだけです。 – Gab

+0

私はパスが間違っていると思う。私のプロジェクトでは、../app/assets/demo.png appのような場所にメインフォルダを置いています。したがって、メインフォルダからsrcリンクを配置してください – NunnaS

+0

[angle2のベースURLとgh-pagesの相対パス]の重複している可能性があります(http://stackoverflow.com/questions/39051959/angular2-base-url-and-relative-paths-on -gh-pages) – Gab

答えて

5

べきであると思います。その後、

<base href="/my-project"> 

そして

<img src="assets/srk-favicon.ico"> 
0

以下にimg SRCを変更するには、この試してみてください:あなたは実際に質問をされていません

src="../assets/srk-favicon.ico" 
関連する問題