Creé una ruta api para descargar un archivo CSV y recibo este error cuando utilizo Next Link. No puedo simplemente cambiar porque mi aplicación no se compilará, por lo que tengo las manos atadas. El componente es sencillo.
const DownloadCsvPage = () => { return ( <section className="w-full h-screen grid place-content-center"> <Link href="/api/db-to-csv"> <a className="px-20 py-9 border text-black no-underline"> Download CSV </a> </Link> </section> ); };Traté de seguir este artículo https://www.loudnoises.us/resolving-next-static-pages-js-404-not-found/ pero configuré href en la ruta de la página actual y en cuanto a la ruta de la ruta api solo agregué el api enruta la url al localhost pero eso no desencadenó la descarga. Me gusta
<Link href="/download" as="/api/db-to-csv"> <a className="px-20 py-9 border text-black no-underline"> Download CSV </a> </Link>Después de leer esta solución https://exerror.com/js-file-gets-a-neterr_aborted-404-not-found/ pensé que mover el archivo que quiero descargar a la carpeta pública funcionaría, pero no fue así. . Gracias
Si desea llamar a la API, es mejor usar la etiqueta div normal y agregar el controlador de eventos onClick y adjuntarle una función que llamará a su API con la ayuda de fetch o axios y en esa función puede usar .then (resultado) y el método .catch(error) para manejar la respuesta de su API en consecuencia.