Desarrollo

Aplicación Vue con Vue-router en subcarpeta

«Una vez visto, todo el mundo es listo»

Eso es lo que he pensado cuando he dado con la tecla. Parece sencillo y hay documentación, pero me ha costado dar con la solución. He trabajado en el pasado con Vue 2.0, 3.0 con webpack y ahora con VueJS 3.2 con Vite. Las cosas… cambian un poco.

Si quieres instalar tu aplicación de VueJS con Vue-router en un subdirectorio, habrás sufrido los problemas de rutas absolutas. Has intentado configurar rutas relativas y seguramente te habrás encontrado con problemas al recargar pantalla o hacer F5, que la app ya no carga y te da un error 404.

En este artículo, explico los tres puntos que has de tener en cuenta. Es mucho más sencillo de lo que te imaginas.

(más…)