El problema que tienes es entender cómo funciona las URL en una página HTML:
SupongagmosSupongamos que cargamos una página con la URL
https://miURL.demo/miAplicacion/miPagina
Dentro de esta página quieres cargar imágenes, ficheros CSS y Javascript, así como tener enlaces a otras páginas de tu aplicación, así que tenemos los siguientes elementos:
<img src="estaticos/magen.png">
<link rel="stylesheet" type="text/css" href="/estilos/estilo.css" >
¿Cómo se interpretan estas direcciones?
La URL de la imagen no empieza por http://...
ni por /
, así que se considera una URL relativa: se tomará la URL de la página actual como referencia, con lo que la URL completa será
https://miURL.demo/miAplicacion/estaticos/imagen.png
La URL del fichero de estilos comienza por /
, con lo que se considera una dirección absoluta dentro del dominio actual
: se tomará el dominio de la página cargada como base y se añadirá la URL del recurso:
https://miURL.demo/estilos/estilo.css
También puedes jugar definiendo cuál debe ser la base, añadiendo la etiqueta
<base href="https://miURL.demo/miAplicacion/">