0
1.6K
ViewsLa aplicación angular no carga imágenes en el servidor apache alojado
Tengo una aplicación angular y ejecuto el comando ng build --prod e implementé los archivos en la carpeta dist en la carpeta /www/html/mywebsite del servidor apache en una VM de ubuntu en DigitalOcean.
Después de la compilación de la aplicación angular, las imágenes llamadas dentro de los archivos CSS llegaron al directorio frontal aunque originalmente estaban en el directorio de activos, como se muestra en la siguiente captura de pantalla.
Esas imágenes se muestran bien sin ningún problema en el sitio web, pero todas las imágenes llamadas dentro de los archivos HTML no se muestran en el sitio web. No creo que haya un problema de permisos para la carpeta de activos porque los archivos javascript dentro de la carpeta de activos se cargan sin ningún problema. Aquí adjunto una captura de pantalla del permiso de los archivos dentro de la carpeta de activos.
¿Me pueden ayudar a resolver esto?
1 answers
Answer question0
Dado que está configurando el valor base href en su archivo index.html de esta manera:
<base href="/sedsslweb/sedssl/">en su plantilla, deberá acceder a las imágenes sin una barra inclinada, como esta, para que formen la ruta correcta:
<img class="rounded-circle mx-auto" src="assets/images/Projects/serendib.png">Acabo de revisar la herramienta de desarrollo editando la ruta de las imágenes sin una barra inclinada y pude ver que las imágenes se cargan bien.