Nuxt•2y ago

Did anyone manage to handle CORS with h3/nuxt/nitro?

I'm trying everything like this:

export default defineEventHandler( async (event) => {
    const cors_headers = { 
        origin: '*', 
        preflight: { statusCode: 204 }, 
        methods: '*' 
    }
    await handleCors(event, cors_headers)
    await appendCorsHeaders(event, cors_headers)
    await appendResponseHeaders(event, {
        "Access-Control-Allow-Origin": "*",
        "Access-Control-Allow-Methods": "GET, HEAD, POST, OPTIONS",
        "Access-Control-Allow-Headers": "*"
    })
return "hello"
 })

export default defineEventHandler( async (event) => {
    const cors_headers = { 
        origin: '*', 
        preflight: { statusCode: 204 }, 
        methods: '*' 
    }
    await handleCors(event, cors_headers)
    await appendCorsHeaders(event, cors_headers)
    await appendResponseHeaders(event, {
        "Access-Control-Allow-Origin": "*",
        "Access-Control-Allow-Methods": "GET, HEAD, POST, OPTIONS",
        "Access-Control-Allow-Headers": "*"
    })
return "hello"
 })

export default defineEventHandler( async (event) => {
    const cors_headers = { 
        origin: '*', 
        preflight: { statusCode: 204 }, 
        methods: '*' 
    }
    await handleCors(event, cors_headers)
    await appendCorsHeaders(event, cors_headers)
    await appendResponseHeaders(event, {
        "Access-Control-Allow-Origin": "*",
        "Access-Control-Allow-Methods": "GET, HEAD, POST, OPTIONS",
        "Access-Control-Allow-Headers": "*"
    })
return "hello"
 })

export default defineEventHandler( async (event) => {
    const cors_headers = { 
        origin: '*', 
        preflight: { statusCode: 204 }, 
        methods: '*' 
    }
    await handleCors(event, cors_headers)
    await appendCorsHeaders(event, cors_headers)
    await appendResponseHeaders(event, {
        "Access-Control-Allow-Origin": "*",
        "Access-Control-Allow-Methods": "GET, HEAD, POST, OPTIONS",
        "Access-Control-Allow-Headers": "*"
    })
return "hello"
 })

I always get:

request blocked: (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

request blocked: (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

request blocked: (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

request blocked: (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

manniL•5/4/24, 11:59 AM

There is a CORS route rule which you could use

manniL•5/4/24, 12:00 PM

https://github.com/unjs/nitro/blob/aabdc9c5c78c011a212c754058160ed23391361d/src/options.ts#L514-L522 implementation

GitHub

nitro/src/options.ts at aabdc9c5c78c011a212c754058160ed23391361d · ...

Next Generation Server Toolkit. Create web servers with everything you need and deploy them wherever you prefer. - unjs/nitro

manniL•5/4/24, 12:01 PM

but handleCorshandleCors should cover it all already

manniL•5/4/24, 12:01 PM

https://github.com/unjs/h3/blob/58e33ff00b1db1cf86a780bf8b152c3f7e573350/src/utils/cors/handler.ts#L11-L27

GitHub

h3/src/utils/cors/handler.ts at 58e33ff00b1db1cf86a780bf8b152c3f7e5...

Minimal H(TTP) framework built for high performance and portability - unjs/h3

manniL•5/4/24, 12:02 PM

you don't even need to pass options as the defaults should cover "allow all"

TameShinji•6/11/24, 9:50 PM

I'm also running into this issue, and handleCors isn't handling it at all

TTameShinji I'm also running into this issue, and handleCors isn't handling it at all

manniL•6/12/24, 7:05 AM

Can you provide a reproduction?

manniL•6/12/24, 7:05 AM

Also the h3 docs were updated on it

TameShinji•6/12/24, 1:18 PM

I realize my situation isn't exactly identitcal, as I am using h3, but not nitro

TTameShinji I realize my situation isn't exactly identitcal, as I am using h3, but not nitro

manniL•6/12/24, 10:02 PM

Should still work with h3 only though

TameShinji•6/12/24, 10:03 PM

I nuked my entire project and restarted and now it’s working

TameShinji•6/12/24, 10:03 PM

Not helpful at all, but I’m on a time crunch

manniL•6/13/24, 7:06 AM

Maybe was an old h3 version?

manniL•6/13/24, 7:06 AM

Anyway happy it helps

Did anyone manage to handle CORS with h3/nuxt/nitro?

Similar Threads

Similar Threads

Similar Threads