Tengo un sitio web alojado en Vercel donde intento usar una imagen en la carpeta estática como favicon.

La carpeta estática está en el directorio raíz del repositorio. Dentro de mi archivo nuxt.config.js, hago referencia a la imagen como se muestra a continuación:

 module.exports = { mode: 'universal', router: { base: '/' }, head: { link: [ { rel: 'icon', type: 'image/x-icon', href: `/images/meta/favicon.ico` }, ], } }

Esto funciona localmente, pero no funciona con mi sitio de producción que está alojado en Vercel.

Intenté cambiar el href del favicon a una imagen que ya está en línea y funcionó, y confirmé que el problema parece ser con las imágenes locales en mi aplicación.

La estructura del archivo de salida de Vercel del proceso de compilación tiene el siguiente aspecto:

Por alguna razón, no se puede acceder a todos los archivos fuera de la carpeta '_nuxt'; este también es el caso de los archivos en la carpeta js y la carpeta de fuentes (por ejemplo, cuando intento acceder a https://hownow-git -dev-hownow.vercel.app/js/adhoc.js Recibo un error de 'script no encontrado').

¿Me estoy perdiendo algún tipo de ajuste de configuración que me permita acceder a estos archivos?