Cookie on login not set

[chriscdn]

I'm attempting to sign in with:

this.$auth.loginWith('cookie', { ... })

The server returns the cookie set by the backend, but the browser seems to ignore it. The next request to get the current user fails with a 401.

However, the cookie is properly set if I call the login endpoint directly using $fetch:

await $fetch("....", {
  method: "POST",
  body: {
    ...
  },
});

Is something else required to make this work?

[chriscdn]

I found the solution.

The endpoints configured in nuxt.config.ts, by default, have credentials: 'omit'. This causes the fetch api to not send nor accept any cookies.

This can be fixed by adding a credentials key to the configuration:

endpoints: {
    login: {
        url: '/api/login',
        method: 'post',
        credentials: 'same-origin',
    },
    user: {
        url: '/api/user/',
        method: 'get',
        credentials: 'same-origin',
    },
},

See here for more information on this setting.