2017-03-15 4 views
1

Ich habe ein Projekt von angular CLI erstellt, ein Bild im Ordner Assets platziert. Es funktioniert in localhost Umgebung in Ordnung, aber wenn sie auf Github Seiten entfaltet es 404.Angular2: Assets Ordnerbilder können nicht geladen werden

enter image description here

enter image description here

Nach build --prod --base-href "my-project"

Basis href werfen wird in index.html von dist Verzeichnis geändert.

<base href="my-project"> 

Nach Bereitstellung auf GitHub-Seite konnte das Bild nicht gefunden werden.

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

denke ich die URL sollte

+0

Sie sind eigentlich nicht eine Frage zu stellen .. Sie geben nur Fakten an – Gab

+0

Ich denke, der Weg ist falsch. In meinem Projekt habe ich wie ../app/assets/demo.png App den Hauptordner platziert. Setzen Sie den src-Link aus dem Hauptordner – NunnaS

+0

Mögliches Duplikat von [eckige2-Basis-URL und relative Pfade auf gh-Seiten] (http://stackoverflow.com/questions/39051959/angular2-base-url-and-relative-paths-on -gh-Seiten) – Gab

Antwort

5

Sie müssen Basis href Änderung vornehmen zu unter https://srk.github.io/my-project/assets/srk-favicon.ico sein.

<base href="/my-project"> 

Und dann img src ändern unter

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

Try this:

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

Statt:

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