Cookie的基本使用

一、Cookie的介绍

cookie是用于存储Web界面的用户信息。从javascript的角度，cookie是一些字符串信息。这些信息存放在客户端的计算机中，用于客户端计算机与服务器之间传递信息。

当web服务器向浏览器发送web界面时，在连接关闭后，服务器不会记录用用户的信息。cookie的作用就是用户解决‘如何记录客户端的用户信息’：当用户访问web界面时，他的名字可以记录在cookie中，那么在用户下一次访问界面时，可以在cookie中读取用户访问记录。cookie已‘键/值’对形式存储，当浏览器从服务器上请求web界面时，属于该界面的cookie会被添加到该请求中。

二、Cookie的使用

2.1 Cookie的创建：

document.cookie = 'Authentication=' + response.data;
document.cookie = 'Platform=manageBackend';

表示创建了名为Authentication，内容为response.data的Cookie，名为Platform，内容为manageBackend的Cookie。

2.2 Cookie的读取

let cookieInfo = document.cookie;

2.3 Cookie的删除

// 给cookie设置的过期时间
const date = new Date();
date.setTime(date.getTime() - 10000);

// 删除cookie信息
document.cookie = `Platform=; expires=${date['toGMTString']()};path=${cookiePath}; domain=${document.domain}`;

Cookie不仅仅有key和value属性，还有域(domain)、过期时间(expires)、路径(path)等属性。其中，不同户域、不同的路径下可以存相同名字的cookie。所以删除cookie需要写上他的所有属性，这样才能成功删除cookie。