How to not delete cookie on closing the browser vuejs + nuxt?

Question

Currently the browser automatically deleting cookies on closing. But I want to keep the cookies until logout. How can I do that in nuxt ?

Answer 1

There are 2 cases:

1. The cookie is set by the remote server - Vue or Nuxt have no control over this cookie (assuming it is marked as HttpOnly). If the cookie is a "session cookie" - it will expire when you close the browser's tab (which obviously also happens when you close the whole browser). If it is not a "session cookie" - it will have an expiration timestamp and the browser will not destroy it until (a) you close the whole browser or (b) the cookie expires (whichever happens first). Such a non-session cookie will survive the closing of the browser's tab.

2. The cookie is created locally by JavaScript in the browser - you have full control over the cookie so you can set whatever expiration timestamp you want (either in the future or in the past) and the same rule applies (the cookie will expire either on its own or when you close the browser - but it will not expire if you close the tab)