routeRules are sensitive to trailing slashes

[danielroe]

Environment

stackblitz

Reproduction

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

Describe the bug

when a route rule is defined with a reproduction, this does not apply if a trailing slash is appended to the request:

export default defineNitroConfig({
  routeRules: {
    '/support-me': { redirect: { to: '/sponsors', statusCode: 301 } },
  }
})

Requesting /support-me works fine but /support-me/ does not redirect.

Additional context

No response

Logs

No response

[lwpinion]

(Discussions about trailing slash and case sensitivity behavior are different. I have splitter case sensitivity to #2234 @lwpinion/@lpinion-ew you can follow from there for case differences)

Great. Thanks!

The current issue I mentioned a few minutes ago actually pertains more to the trailing slash. As a workaround, I think I could switch to using router.options within the context of Nuxt instead.

[pi0]

I have investigated it a little more. It seems a bug in upstream radix3 matcher to be solved: unjs/radix3#87

---

As a temporary workaround, you might need to duplicate route rules

[lwpinion]

I have investigated it a little more. It seems a bug in upstream radix3 matcher to be solved: unjs/radix3#87

As a temporary workaround, you might need to duplicate route rules:

export default defineNitroConfig({
  routeRules: {
    '/support-me': { redirect: { to: '/sponsors', statusCode: 301 } },
    '/support-me/': { redirect: { to: '/sponsors', statusCode: 301 } },
  }
})

That is the weird thing. I have duplicated the route rules, but for some reason the one without the trailing slash works and not the one with.

Check out these links:
https://www.easyworship.com/BonjourInstall
https://www.easyworship.com/BonjourInstall/

And here are the routeRules:

'/BonjourInstall': { redirect: { to: 'https://support.apple.com/kb/DL999?locale=en_US', statusCode: 303 } },
'/BonjourInstall/': { redirect: { to: 'https://support.apple.com/kb/DL999?locale=en_US', statusCode: 303 } },

Any idea as to why there is a discrepancy in how these are working? And if this is not the best place to troubleshoot this, please point me in the right direction. :-)

[manniL]

@lwpinion can you try a local build and check if the problem isn't the platform?

[pi0]

(i can confirm problem is not local) Lets track via unjs/radix3#87

[lwpinion]

Indeed. The problem does seem to occur locally for me as well.

[pi0]

fixed with radix3 1.1.1: https://github.com/unjs/radix3/releases/tag/v1.1.1

confirmed on reproduction.