getQuery() empty on Vercel

[drewbaker]

Environment

I have a Nuxt install, using the built in Nitro with some custom endpoints located in /server/routes/api. I am using defineCachedEventHandler for them.

Locally, getQuery() returns what you'd expect, but when deployed to Vercel, it's empty.

URL like this:
https://example.vercel.app/api/foo/e9cb0344-3bf3-44f6-8d90-c620a638be48/test?name=drew

Vercel logs the "searchParam" in it's logger, but I can't get getQuery() to return anything. I'm very perplexed.

Reproduction

export default defineCachedEventHandler(async (event) => {
    return getQuery(event)
},
{
    maxAge: 31_536_000 // 1 year
})

Describe the bug

getQuery() is empty on Vercel, but populated on local.

Additional context

Screenshot of the Vercel logs. Notice my console.log is all undefined, but the SearchParams are populated in this case with a test of writers=9).

Logs

[kricsleo]

Cannot reproduce.

You may check this example as described here: https://github.com/kricsleo/repro-h3-1020/blob/main/server/routes/api/foo/%5Bpath%5D/test.ts

And the deployed API endpoint: https://repro-h3-1020.vercel.app/api/foo/e9cb0344-3bf3-44f6-8d90-c620a638be48/test?name=drew

It works fine, returning {"name":"drew"}.

Could you share more details? (A StackBlitz example or GitHub repo would be ideal) 🙏

[drewbaker]

OK, so I figured this out. It was due to a Vercel and Nuxt (using Nitro) caching not playing well together:

    nitro: {
        // routeRules: {
        //     // All routes should be ISR
        //     '/**': {
        //         isr: true
        //     }
        // },
        prerender: {
            autoSubfolderIndex: true,
            crawlLinks: true
        }
    },

When the commented out code was on, getQuery() would be empty for any server route. Commenting out that code, and it would work. Super annoying bug to find.

[kricsleo]

Possibly related to nitrojs/nitro#1880

You may try this:

routeRules: {
    // "/**" won't work with ISR
    // '/**': {
    //     isr: true
    // },

    // "/*" works
    '/api/foo/*/test': {
      isr: true
    }
},

It's odd, though.