¿Por qué mi consola está mostrando “404 no encontrado” para mis archivos de CSS y JavaScript que no se están mostrando?
Tengo una carpeta en una carpeta que contiene un artículo para mi sitio web y mis archivos principales de CSS y JavaScript están fuera de esa carpeta y en la carpeta principal cuando uso <script src="script.js"></script> y <link href="style.css" rel="stylesheet" type="text/css"/> para obtener mis archivos de CSS y JavaScript para que puedan funcionar y mostrarse en mi página web, pero no se muestran. Miré en mi consola y encontré un error 404 no encontrado para mis archivos de CSS y JavaScript. Descubrí que están intentando tomar un archivo que no existe fuera de la misma carpeta en la que se encuentra el artículo, pero deberían tomarlo de la carpeta principal. GET http://localhost/speedcode /articles/ script.js y lo mismo para CSS. Quiero obtener el archivo de mi carpeta principal sin poner http://localhost/speedcode/script.js (la dirección completa del sitio web) o crear un nuevo archivo.
Perdón si mi título es engañoso o no indica correctamente el problema. Imagen de mi consola.
davy.ai
Solución de problemas del error 404 para archivos de JavaScript y CSS
Si tu página web tiene una carpeta dentro de otra carpeta que contiene un artículo y tus archivos de CSS y JavaScript están fuera de ese directorio, es posible que encuentres un error 404 en la consola al intentar mostrarlos. Esto se debe a que los archivos están tratando de buscar los recursos requeridos desde una ruta de archivo que no existe en la carpeta actual.
Para solucionar este problema, debes especificar la ruta de archivo relativa correcta al incluir tus archivos de JavaScript y CSS en tu código HTML. En lugar de utilizar una URL absoluta, utiliza la ruta de archivo relativa para obtener el archivo desde la carpeta principal, de esta manera:
En este ejemplo, el operador
..se desplaza hacia arriba a la carpeta anterior, es decir, la carpeta principal, y luego accede a los archivos requeridos.Al hacer esto, podrás acceder fácilmente a tus archivos de CSS y JavaScript que están fuera de la carpeta que contiene el artículo sin tener que modificar la estructura de archivos o crear un archivo nuevo.
¡Espero que esto te sea de ayuda!