js清理cookie失败的问题

js清理cookie失败的问题

---

​ 在做一个项目的时候使用cookie记录用户的信息，这地方有两处删除cookie的地方，第一处在添加cookie的页面，另一处在跳转到另一个页面以后，进行删除cookie的操作。在第一处添加cookie的地方，删除cookie是没有问题的，但是在第二处可以获取到cookie的值，但是删除不掉，从浏览器调试信息可以看出来，浏览器对cookie进行了操作，这是怎么回事呢？

​ 在网上查询资料以后发现问题：

• 在设置cookie的时候，没有设置域名
• 删除cookie的操作就是修改cookie的内容和时间

这就导致在第二处删除cookie的时候，添加了一个新的cookie，而且这个cookie还没有添加到浏览器的存储里面就没销毁了，所以就出现了cookie删除失败的原因。

原来的代码：

function setCookie(c_name,value,expiredays)
{
    let exdate=new Date()
    exdate.setDate(exdate.getDate()+expiredays)
    document.cookie=c_name+ "=" +escape(value)+
        ((expiredays==null) ? "" : ";expires="+exdate.toGMTString()); //cookie时长
}

​ 这个问题该怎么解决呢？很简单的方法，追加上域名就可以解决问题了，修改一下原来的代码：

function setCookie(c_name,value,expiredays)
{
    let exdate=new Date()
    exdate.setDate(exdate.getDate()+expiredays)
    document.cookie=c_name+ "=" +escape(value)+
        ((expiredays==null) ? "" : ";expires="+exdate.toGMTString())+ //cookie时长
        "; path=/;domain=localhost";//cookie路径和域
}

​ 可以看浏览器里面显示的域名是什么，就添加什么。建议在设置cookie的时候，把域名domain和路径path都加上去。