Actualmente estoy trabajando en un proyecto para aprender más sobre Nuxt 3.

Estoy transformando una imagen en el lado del servidor y quiero devolver una cadena base 64 al cliente:

 // server/api/image.js import imageToBase64 from 'image-to-base64' export default defineEventHandler(async (event) => { const param = useQuery(event) const url = 'https://images-assets.nasa.gov/image/' + param.query + '/' + param.query + '~thumb.jpg' return await imageToBase64(url) .then(response => { return response // base 64 }) .catch(error => console.log(error)) })

 // test.vue const base64 = await $fetch(`/api/image?query=${el.id}`)

Pero recibí un error 431 y no conozco el enfoque correcto para solucionar el problema.

GET http://localhost:3000/9j/4AAQSkZJRgABAQAAAQABAAD/wAALCAIAAoABAREA/8QAHwAAAQUBACQoL/ [...] [HTTP/1.1 431 Solicitar campos de encabezado demasiado grandes 0ms]

¿Tienes alguna idea? Solo leí sobre cómo borrar la memoria caché de mi navegador...