Resimlere Yol Açılmadı Açısalda Çalışma 2

Question

Her şey sitemi düzgün bir şekilde kullandı, ancak siteye koymaya çalıştığım her görüntü (arka plan hariç), 404 Not Found Error numaralı telefonu geri veriyor.

Resimlerimin tümü "Project/src/assets/images" adresinde bulunur ve html belgelerimde aşağıdaki img etiketlerini denedim. Belgeler "Proje/src/app/sekmeler" içinde bulunur.

<img src="src/assets/images/image_name.jpg"> 
<img src="/src/assets/images/image_name.jpg"> 
<img src="./src/assets/images/image_name.jpg"> 

Sayfanın arka plan resmini css kullanarak ayarlıyorum ve işe yarıyor. Bu benim uygulamış seçici ve niteliktir:

background: url('assets/images/greybackground.jpg') no-repeat center center fixed; 

nasıl 404 hatası almadan benim HTML belgeleri resim ekleyebilirsiniz?

Answer 1

html dosyalarınız, "Project/src/app/tabs" numaralı belgede yer almaktadır ve bu klasörden, görüntülerin neden yüklenmediğine erişmeye çalışıyorsunuz. Bu nedenle, hem kodunuz hem de resimleriniz için temel dizine ulaşmak için klasörleri klasörü ve app klasöründen geri dönmeniz gerekir. Bir klasörden geri dönmek için ../'u kullanın. Yani temel dizine ulaştıktan sonra sadece normal dizin listelerini kullanın.

Yani cevap

<img src="../../assets/images/image_name.jpg"> 
<img src="../../assets/images/image_name.jpg"> 
<img src="../../assets/images/image_name.jpg"> 

olduğunu