Nuxt.js: how to set cookie in middleware

Created on 5 Jan 2018 · 6Comments · Source: nuxt/nuxt.js

middleware/auth.js

export default function (context) {
 const token = context.route.query.token
  if (token ) {
     // Cookie.setToken(token).
  }
}

_{This question is available on Nuxt.js community (#c2176)}

Source

zanjs

Most helpful comment

Try use this:

export default function ({ isServer, res, query} ) {
 const token = query.token
  if (token) {
    if (isServer) {
      res.setHeader('Set-Cookie', [`access_token=${token}`]); // Server-side
    } else {
      document.cookie = `access_token=${token}` // Client-side
    }
  }
}

On server-side you must set header to server's response. On client set cookie via document.cookie or use JS cookie library

purrplingcat on 5 Jan 2018

👍9 😄2 ❤1 🎉1

All 6 comments

Try use this:

export default function ({ isServer, res, query} ) {
 const token = query.token
  if (token) {
    if (isServer) {
      res.setHeader('Set-Cookie', [`access_token=${token}`]); // Server-side
    } else {
      document.cookie = `access_token=${token}` // Client-side
    }
  }
}

On server-side you must set header to server's response. On client set cookie via document.cookie or use JS cookie library

purrplingcat on 5 Jan 2018

👍9 😄2 ❤1 🎉1

@EllenFawkes Thinks! I like you very much！

zanjs on 5 Jan 2018

is it work? do you have other methods？