VueJS - 通过注销组件擦除后端服务器设置的 cookie答案

【问题标题】：VueJS - Erase cookie set by the backend server via a logout componentVueJS - 通过注销组件擦除后端服务器设置的 cookie
【发布时间】：2020-08-02 02:36:34
【问题描述】：

我有一个在端口 8080 上运行的 VueJS UI，而我处理身份验证的 Node 服务器在 8082 上运行。登录后，我们的身份验证服务器重定向回 UI，并设置所需的会话 cookie。当我单击“注销”按钮时，我需要在我的前端将此 cookie 设置为 null，然后再重定向到负责处理后端详细信息的服务器注销操作。

我无法访问 document.cookie，或使用 Vue.cookie 删除 cookie。这两个都将 cookie 值返回为 null。我该怎么做？

【问题讨论】：

你试过stackoverflow.com/questions/10593013/…吗？
请让我检查一下。
嘿，是的，这行得通。谢谢，请添加答案，以便我接受。
没问题！已添加答案

标签： javascript node.js vue.js session cookies

【解决方案1】：

要正确删除 cookie，请执行以下操作：

function delete_cookie(name) {
  document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}

Source

【讨论】：

谢谢。您也可以添加这个 - Vue.cookie.set('session=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'); 也可以完成这项工作，但您必须安装 vue-cookie 包。