使用ngx-cookie的remove/removeAll方法无法删除Cookie问题求助

我之前也碰到过一模一样的情况！问题核心在于你删除Cookie的时候，没有匹配设置时的domain参数。

你设置Cookie的代码里明确指定了{ domain: 'localhost' }，但调用remove()方法时如果不传同样的配置，ngx-cookie会使用默认的domain值，和你之前设置的Cookie不匹配，浏览器就找不到要删除的目标Cookie，自然就删不掉了。

给你修改后的logout方法代码，重点是删除时要传入和设置时完全一致的配置：

logout() {
  this.securityService.setLoginStatus(false);
  console.log('cookie details before: ' + JSON.stringify(this.cookie));
  const userDetails = JSON.parse(this.cookie);
  this.socketService.logout(userDetails.id);
  // 关键：删除时必须传入匹配的domain配置
  this.cookieService.remove('userDetails', { domain: 'localhost' });
  // 验证删除结果
  console.log('cookie details after: ' + JSON.stringify(this.cookieService.get('userDetails')));
}

补充说明： #

• 浏览器的Cookie规则很严格，删除操作的参数（domain、path、secure等）必须和设置时完全一致，否则浏览器会判定你要删除的是另一个不同的Cookie。
• 如果你设置Cookie时还指定了path参数，删除时也要一并带上（默认path是/，如果没改可以不用传）。
• 生产环境中不要用localhost作为domain，换成实际的业务域名（比如.yourdomain.com，前面的点能让子域名也共享Cookie），删除时同样要匹配这个域名。
• 可以用this.cookieService.getAll()来查看当前所有Cookie的完整信息，确认目标Cookie的配置细节，确保删除参数完全对应。

内容的提问来源于stack exchange，提问作者nilu