Remove cookie problems JS-COOKIE

Question

JS Cookies remove cookie, undefined

Hi Guys, I have trying to remove a cookie from a domain but I can't, the console return undefined.

When I log in the cookie is set up in .dev.books.com but after that the URL change to platform.dev.books.com and keep the same cookies. The name of the cookie I want to remove is bookId, here is my try:

Cookies.set('bookId', ' ');

But instead to change the cookie value, create a new one with the domain platform.dev.books.com

If I use

Cookie.remove('bookId')

the console return undefined

Thanks, any help will be helpful

score 4 · Answer 1 · answered May 11 '20 at 17:16

4

Cookie.remove('bookId')

^^This wont work. You always need to include the relative path of the current page. Like this:

Cookies.remove('name', { path: '/', domain: '.yourdomain.com' })

The '/' stands for the root page.

answered May 11 '20 at 17:16

2567910

144
5

score 3 · Accepted Answer · edited Jun 30 '16 at 05:49

3

You can unset cookie and set the expire header time to a past date

document.cookie = "bookId=; expires=Thu, 01 Jan 1970 00:00:00 UTC";

edited Jun 30 '16 at 05:49

Frits

7,341
10
42
60

answered Jun 30 '16 at 05:18

Srinivas Lanka

46
2

when I do this `document.cookie = "bookId =; expires=Thu, 01 Jan 1970 00:00:00 UTC";` the console return `"bookId=; expires=Thu, 01 Jan 1970 00:00:00 UTC"` but doesn't update the value or remove the cookie :/ – rodboc Jun 30 '16 at 05:21

score 2 · Answer 3 · answered Apr 05 '17 at 17:26

It really depends on the environment, you may have to set the domain attribute that matches the cookie domain stored in the browser

Cookies.remove('name', { domain: 'subdomain.site.com' });

You may encounter mismatch domain if the website is hosted behind a reverse proxy or load-balancer.

Best way to be sure to check the http header with fiddler.

score 0 · Answer 4 · answered Feb 12 '22 at 16:01

Delete a cookie valid to the path of the current page:

Cookies.set('name', 'value', { path: '' })
Cookies.remove('name') // fail!
Cookies.remove('name', { path: '' }) // removed!

IMPORTANT! When deleting a cookie and you're not relying on the default attributes, you must pass the exact same path and domain attributes that were used to set the cookie:

Cookies.remove('name', { path: '', domain: '.yourdomain.com' })

Note: Removing a nonexistent cookie neither raises any exception nor returns any value.

I'll advice you always try to go through the readme of any package you use, thank me latter, lol. https://www.npmjs.com/package/js-cookie

Remove cookie problems JS-COOKIE

4 Answers4