Estoy desarrollando un sitio web con vite que parece funcionar como debería en localhost.
Lo implementé en Vercel y el sitio se creó sin errores.
Pero descubrí un gran problema cuando quería generar mis mapas fuente. De hecho, cuando quiero visitar cualquier página directamente (.../sobre por ejemplo) vercel me envía un error "404 no encontrado". Pero cuando voy a la página raíz y navego a la página manualmente, todo funciona. La segunda vez que visito la página /acerca de directamente, funciona, pero debido a que mi navegador la ha almacenado en caché, creo que...
hospedaje : vercel
URL base : https://dev.energie-etre-ange.fr
URL de ejemplo 404 : https://dev.energie-etre-ange.fr/about
complementos usados:
Puedo dar el enlace de github si es necesario, pero creo que esto es principalmente un problema de vercel. Encontré un problema vinculado en stackoverflow, pero con React ( enlace )
Respuesta encontrada aquí: https://stackoverflow.com/a/66686684/13541914
El crédito es para Shantiscrip.
Solución:
Esto no es un problema con vite.js, sino que se debe a que falta un archivo de configuración para vercel que se agrega de manera predeterminada a las plantillas existentes. Para una aplicación de una sola página, los archivos html para las rutas creadas con el enrutador de reacción no existen, por lo que algo en el servidor debe crear reescrituras para asegurarse de que cada solicitud apunte a '/' o index.html. En Vercel, esto se puede hacer agregando una reescritura al archivo de configuración en la raíz del proyecto llamado
vercel.json
https://vercel.com/docs/configuration
Agregue reescrituras para todas las rutas al archivo que apuntan a '/'
{ "rewrites": [{ "source": "/(.*)", "destination": "/" }] }