Angular 8 - 使用 CookieService 清除 cookie

Question

我正在尝试清除我的应用程序保存在浏览器中的所有信息，无论是在 sessionStorage、localStorage 还是 cookie 中。

我已经添加了这个小方法来做到这一点，它在我的一个组件的ngOnInit中被调用：

export class SomeComponent implements OnInit {

    constructor(private cookieService: CookieService) {}

    ngOnInit(): void {
        this.clearAppData();
    }

    private clearAppData(): void {
        sessionStorage.clear();
        localStorage.clear();
        this.cookieService.deleteAll();
}

sessionStorage和localStorage似乎被清除了，但我可以看到 cookie 没有。 我需要通过浏览器手动清除 cookie。

而且，有时我看到cookie保存在根路径下，有时我看到它在相对根路径下。 我不确定这是什么原因，有时它会发送错误的 cookie，我想在获得新的 cookie 之前清除所有内容。

任何建议我做错了什么？ 谢谢！

Answer 1

我假设你使用 ngx-cookie-service？

请检查您的代码的执行顺序并将路径设置为“/”

我一直在摆弄它，似乎设置一个同名的 cookie 会覆盖现有的 cookie。 因此，如果订单不正确，您将不会看到您的 cookie 被删除。

我没有时间检查你提到的路径部分。 我没有实现一个带路径的路由器，看看我是否可以帮助你。

设置 cookie： Service.setcookie('name', 'value', int, '/'); 应该工作正常

并删除它： CookieService.deleteAll() 也适用于现场 ngOnInit()

我很确定它的执行顺序并提供路径为 '/' 。

那会很好。

Sry 没有好的代码，我在电话自动取款机上，如果仍然需要，稍后会更新。 我不得不离开我的电脑。

Answer 2

在开发环境localhost ； 任何使用 UI 框架的客户端应用程序都需要调整服务器会话 cookie 代码，如下所示。

注意：在您的后端服务器上，您需要将httpOnly的 cookie 设置改为False ，如下代码所示

cookie: {
       secure: false, //set this to true in production over https
       httpOnly: false, //set this to false in development to test delete 
       ....
       ....
}

稍后，在用于注销方法的 Angular 服务代码中，如下所示：

logout(){

this.cookieService.delete('<your-cookie-name>', '/', 'localhost', false, 'Lax');

}

参见 ngx-cookie-service 文档

对于个人删除：

delete( name: string, path?: string, domain?: string, secure?: boolean, sameSite: 'Lax' | 'None' | 'Strict' = 'Lax'): void;

对于批量删除：

deleteAll( path?: string, domain?: string, secure?: boolean, sameSite: 'Lax' | 'None' | 'Strict' = 'Lax' ): void;

重要提示：在生产中两者都应设置为 True | httpOnly & 安全 | 对于 Cookie

Answer 3

我也面临同样的问题。 如果您的 cookie 是定制的，这意味着安全、严格、路径，那么您需要清除规范。

this._cookieService.delete("cookie name","/","domain name",true,"None");

我相信这对你有用。