Error during nuxi generate in link[href] with data url containing slashes

[issue-up]

Forwarded from downstream issue: Error during nuxi generate in link[href] with data url containing slashes nuxt/nuxt#22134 by @fabon-f

Environment

---

• Operating System: Linux
• Node Version: v16.20.0
• Nuxt Version: 3.6.2
• Nitro Version: 2.5.2
• Package Manager: npm@9.4.2
• Builder: vite
• User Config: -
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/github-nj2nvg?file=pages%2Findex.vue

Describe the bug

Running nuxi generate raises an error when a project contains a HTML snippet like below.

<link rel="icon" href="data:image/png;base64,aaa//bbbbbb/ccc">

In this reproduction, nitro recognize /ccc as a linked page path by mistake. Route /ccc doesn't exist so it causes error in nuxi generate.

(workaround: setting nitro.prerender.failOnError config to false to simply ignore 404 error in prerendering)

Additional context

No response

Logs

No response

[fabiankachlock]

This seems to be an upstream issue at ufo. Their parseURL function is used to parse links when pre-rendering, which is returning /ccc as the pathname for the data url.
I don't know how parseURL should behave when a data url is provided as an argument, so it might just be done by filtering data url's when extracting links on pre-render.

[fabiankachlock]

Thanks to @pi0 for the quick fix!
As so soon as this fix is released we can bump the dependency and this issue should be resolved.

[fabon-f]

I think this issue also can be closed because the upstream (unjs/ufo) fix is already released.