js 删除 （同名）cookie 失败

前言： 在刚完成的毕设项目中，使用到了cookie，主要是用来记录用户信息，方便用户下次访问时，在有效期内直接跳过登录页面进入主界面。总结一下遗留的问题：在删除同名cookie时，无法全部删除、覆盖。

问题：只在登录界面对用户信息进行了保存，但发现在其他 url 界面也会出现cookie保存着用户信息，删除的时候将cookie信息的 expires 设置为过期时间即可，但只删除了其中一个同名的cookie，其他同名的cookie未删除。

cookie 属性定义：

1. 设置 cookie 属性
2. 设置 cookie 属性值
3. 过期时间的定义（一般在删除时使用）
4. 路径path（一般path=’/’）
5. 域（domain）

设置cookie属性时，读取出来发现会有多个重复属性，原因是：cookie属性可存在于不同的路径和域下，这将牵扯出一个问题 ==> 在删除cookie时，无法精准的定位到对应的cookie。
删除cookie就是修改其内容或时间。

因此要想精准 删除 或 覆盖 cookie，必须添加当前 cookie 的path 和 domain。如下：

document.cookie="test=test;expires=Fri May 29 2020 12:06:28 GMT; path=/; domain=localhost";

实例：删除相同名称但不同路径的客户端cookie？
只需删除指定cookie的相同路径，将其时间过期即可。

document.cookie = 'name=value1; path=/';
document.cookie = 'name=value2; path=/path/';
alert(document.cookie);   // name=value1; name=value2

document.cookie = 'name=; path=/path/; expires=' + new Date(0).toUTCString();

alert(document.cookie);   // name=value1

将其更改为以 / 为路径过期的cookie，仍然只会过期一个----对应匹配好的路径。

document.cookie = 'name=; path=/; expires=' + new Date(0).toUTCString();
alert(document.cookie);   // name=value2

删除这两个，必须添加对应cookie的路径。

docuemnt.cookie = 'name=; path=/; expires=' + new Date(0).toUTCString();
docuemnt.cookie = 'name; path=/path/; expires=' + new Date(0).toUTCString();
alert(docuemnt.cookie);

扩展：若要删除多个cookie，可采用如下方法：

// name为cookie对应的key， paths是路径集数组
function expiresAllCookie(name, paths) {
	let expires = new Date(0).toUTCString();
	// 设置过期
	docuemnt.cookie = `name=; expires=${expires}`;
	// 精准匹配，添加path
	for(let i = 0; i < paths.length; i+++) {
		document.cookie = name + '=; path=' + paths[i] + '; expires=' + expires;
	}
}
expiresAllCookie('name', ['/', '/path/']);

cookie相关详见：cookie