0
1.6K
VistasAngular application not loading images in hosted apache server
I have an angular application and I run the ng build --prod command and deployed the files in the dist folder to the apache server /www/html/mywebsite folder in a ubuntu VM in DigitalOcean.
After the build of the angular application, the images called inside CSS files have come to the front directory even though originally they are in the assets directory as shown in the below screenshot.
Those images are showing fine without any issue in the website, but all the images called inside the HTML files are not displaying on the website. I don't think there is a permission issue to the assets folder because the javascript files inside the assets folder are loading without any issue. Here I have attached a screenshot of the permission of the files inside the assets folder.
Can you please help me to solve this?
1 Respuestas
Responde la pregunta0
Since you are setting up base href value in your index.html file like this:
<base href="/sedsslweb/sedssl/">
in your template you will need to access images without a leading slash, like this, so that they will form correct path:
<img class="rounded-circle mx-auto" src="assets/images/Projects/serendib.png">
I just checked in dev tool by editing images path without leading slash, and could see the images loading fine.