vue 退出登录清除session

在 Vue 中退出登录并清除 session，你可以采取以下步骤：

1. 在后端创建一个接口，用于清除 session 或者 token。这个接口会在用户点击退出登录时被调用。

2. 在前端的 Vue 组件中，通过发送请求来调用这个退出登录接口。你可以使用 Vue 的内置的 `axios` 或者其他的 HTTP 请求库来发送请求。例如：

import axios from 'axios';

// ...

methods: {
  logout() {
    axios.post('/api/logout')
      .then(response => {
        // 清除前端的 session 相关信息，例如清除本地存储的 token
        localStorage.removeItem('token');
        // 进行其他的清除操作，例如重定向到登录页面
        this.$router.push('/login');
      })
      .catch(error => {
        console.error(error);
      });
  }
}

在上述代码中，我们使用 `axios.post` 方法发送一个 POST 请求到 `/api/logout` 接口。在成功响应后，我们清除了前端存储的 token，并且通过 `$router.push` 方法进行路由跳转。

3. 在后端的退出登录接口中，你需要清除服务器端的 session 或者 token。具体的实现方式取决于你所使用的后端技术和框架。例如，在 Node.js 中使用 Express 框架，你可以通过以下方式清除 session：

app.post('/api/logout', (req, res) => {
  // 清除 session
  req.session.destroy();
  res.status(200).json({ message: 'Logged out successfully' });
});

在这个例子中，我们使用 Express 的 `req.session.destroy()` 方法来销毁 session，并返回一个成功的响应。

请注意，这只是一个简单的示例，实际的实现方式可能会因为你的具体需求和技术栈而有所不同。你需要根据自己的情况进行相应的调整和改进。