Opening redirected URL (through routeRules) does not redirect and breaks page

[manniL]

Environment

---

• Operating System: Linux
• Node Version: v18.18.0
• Nuxt Version: 3.10.1
• CLI Version: 3.10.0
• Nitro Version: 2.8.1
• Package Manager: [email protected]
• Builder: -
• User Config: devtools, routeRules
• Runtime Modules: -
• Build Modules: -

---

Reproduction

https://stackblitz.com/edit/nuxt-issues-25743

1. Click the link on the index page
2. See error in the console and no content nor the redirect happening

[Vue warn]: Component is missing template or render function.

Describe the bug

When adding a redirect in the routeRules, e.g. routeRules: { '/support-me/': { redirect: { to: '/sponsors/', statusCode: 301 } } } and then trying to directly access the page through the browser, the redirect does not happen and the page breaks instead.

Additional context

Related PR: #25391

Logs

No response

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• nuxt-issues-25743 (Open reproduction)

[danielroe]

Weirdly, this works just fine when I download and run locally.

(Seems to be a trailing-slash issue, and reproducible with Nitro on its own - I don't think it's related to #25391.)

[danielroe]

nitro reproduction: https://stackblitz.com/edit/github-yjju3h?file=nitro.config.ts,routes/index.ts,routes/sponsors.ts

[danielroe]

Let's track in unjs/nitro#2146.

[manniL]

@danielroe I think it was related to #25391 only because that adds all the redirects as static pages, prompting them to be generated via generate command. Could that be? 🤔

[danielroe]

Ah - nice find. But it also seems to be reproducible in nitro on its own.

[danielroe]

Also note #23813, which might be related (haven't investigated).