NuxtN
Nuxt•3y ago
BT1010

Handling Cookies in API Routes

I have global middleware:

export default defineNuxtRouteMiddleware(async () => {
    await useFetch('/api/setCookie')
    await useFetch('/api/getCookie')
});


And those two routes in server/api/getCookie.ts file: 

import { getCookie } from "h3";

export default defineEventHandler((event) => {

    const cookie = getCookie(event, 'test_cookie')

    console.log('get cookie in Event Handler', cookie)

    return {
        hello: getCookie(event, 'test_cookie')
    }
})


and server/api/setCookie.ts:

import { setCookie } from "h3";

export default defineEventHandler((event) => {

    console.log('set cookie in Event Handler')
    setCookie(event, 'test_cookie', 'test_value')

    return {
        hello: 'world'
    }
})

I was refering to this section in docs https://nuxt.com/docs/api/composables/use-cookie#handling-cookies-in-api-routes

When I run this app I expect to create cookie and console.log it but it doesn't save cookie even on multiple reloads of the app (screenshot). Why?
image.png
Was this page helpful?