Tengo un sitio web demasiado extenso editar las URL de los estilos
css
y archivosjs
,imágenes
me costaría demasiado tiempo.
Estoy realizando pruebas trabajando en localhost
localhost/project/index.php
Las URLs amigable que deseo:
localhost/project/index/
Si el usuario modifica la URLs de esta manera: localhost/project/index
redireccionar a: localhost/project/index/
Redireccionar cualquier URLs modificada sin barra
localhost/project/online/video/hd/free
a la URLs con barra al finallocalhost/project/online/video/hd/free/
De URLs simple
localhost/project/online.php
Mostrar de esta manera:
localhost/project/online/video/hd/free/
Lo he intentado con estos Ejemplos: .htaccess
Nota: en estos primeros ejemplos de
.htaccess
los estiloscss
, y archivosjs
,imágenes
se muestran sin ningún problema.
#Eliminar la extensión php/html
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME}.php -f
RewriteRule ^(.*)$ $1.php
#RewriteRule ^([a-zA-Z0-9-/]+)$ index.php
RewriteRule ^online-video-en-hd-gratis$ online.php [L,NC,QSA]
Resultado:
http://www.example.com/index
http://www.example.com/online-video-en-hd-gratis
El problema está en utilizar una barra
/
al final o varias adicionales/../
al utilizar las barras se pierden los estiloscss
, entre los otros archivosjs
,imágenes
.
Ejemplo uno: (añadiendo una barra al final /
)
http://www.example.com/index/
Ejemplo dos: (añadiendo varias barras /
)
RewriteEngine on
RewriteRule ^online/video/hd/aventuras/$ online.php [L,NC,QSA]
Resultado:
http://www.example.com/online/video/hd/aventuras/
Importante:
He observado este sitio web http://crazycafe.net/demos/seo/ y su código fuente, los estilos css
se mantiene de esta manera: <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
sin añadir una URL absoluta a los estilos css
y sus archivos js
y imagenes
cargan sin problema.
He encontrado esta pregunta en Stack Overflow en Inlges, de cómo conservar los estilos CSS.
Unos de sus ejemplos era:
RewriteRule ^images/(.+)?$ images/$1 [NC,L]
RewriteRule ^js/(.+)?$ js/$1 [NC,L]
RewriteRule ^topnav/(.+)?$ topnav/$1 [NC,L]
RewriteRule ^common-style\.css$ common-style.css
RewriteRule ^jquery\.js$ jquery.js
RewriteRule ^script/js/(.+)?$ script/$1 [NC,L]
Pero realmente no entiendo muy bien los secretos de .htaccess
Mi directorio(carpeta) de archivos es:
assets/css/style.css
assets/js/app.js
assets/fonts/icons/image.png
assets/fonts/ttf/roboto.ttf
assets/img/system/image.png
assets/img/logo.png
¿Ahora mi pregunta es?
Existe la posibilidad de corregir estos errores directamente desde el archivo .htaccess sin tener que cambiar la ruta de los archivos css
, js
, imágenes
a una ruta (absoluta).
Espero esta pregunta no se considere como demasiada extensa, edite mi pregunta a las recomendaciones de MCVE
path
a los.css, .js
, etc. es que el navegador para cada ruta pensara que son archivos distintos (solo el server sabra que son los mismos). Mi consejo: A todos los.css, .js
, etc. agregalos con la ruta absoluta, ej:<script src="/libs/js/jquery.min.js">
, de esa forma no deberías tener ningún problema.PHP
podrías crear un constante y dependiendo de si estaslocal
uonline
, configuras la raíz del sistema. Ejemplo:if ($_SERVER['SERVER_NAME'] == 'localhost') { define('APP_RAIZ', '/nombre_proyecto/public/'); } else { define('APP_RAIZ', '/'); }
. Luego en elsrc o href
a tusassets
, deberías imprimirla, ejemplo:<link href="<?php echo APP_RAIZ; ?>assets/css/style.css"...
localhost
como en el servidor Saludos :)