Favicon.ico seems to ignores app.cdnURL when set

Environment

S3 buckets + cloudfront / AWS-lambda, build using Nuxt v3.0.0-rc.3

Reproduction

Use custom cdnURL for production:

export default defineNuxtConfig({
  nitro: {
    preset: 'aws-lambda'
  },
  app: {
    cdnURL: 'https://cdn.website.com/'
  }
})

Describe the bug

The client tries to load the favicon using the regular baseURL: https://lambda.website.com/favicon.ico

Instead of using the cdnURL: https://cdn.website.com/favicon.ico

Additional context

I serve my static public folder using S3 buckets / cloudfront and the server folder using AWS-lambda.

[DRoet]

@bros4president yeah I ended up writing a small plugin using useHead() + useRuntimeConfig():

// plugins/head.ts
export default defineNuxtPlugin(() => {
  const config = useRuntimeConfig()
  return useHead({
    link: [
      { rel: 'icon', type: 'image/x-icon', href: `${config.app.cdnURL}/favicon.ico` }
    ]
  })
})

[bros4president]

Hi @DRoet!

Did you manage to make this work?

I’m struggling right now with this issue since I have pages of the form pages/[foo].vue that cause problems when no favicon.ico is available at /favicon.ico. Nuxt’s router will try to render a page with [foo].vue, so I need to tell the browser where to request the icon.

Thanks in advance 😃!