Vue.js 至 Node.js 后端传输 Session ID 的方法

vue.js

2024-03-12 22:48:35

使用 Axios 从 Vue.js 到 Node.js 后端传递 Session ID

问题

管理管理员会话时，需要从 Vue.js 前端向 Node.js 后端发送包含 Session ID 的 Axios 请求。然而，发现 Session ID 未随请求一起发送。

解决方法

1. 启用 Cookie 支持

在 Vue.js 前端和 Node.js 后端分别启用 Cookie 支持。

2. 设置 Session 存储

设置 Session 存储，在 Vue.js 前端使用插件或工具，在 Node.js 后端使用 Express Session 中间件。

3. 登录管理员

登录管理员时，将用户数据存储在 Session 中。

4. 验证管理员

在每次请求中，验证管理员会话，检查用户凭据并处理相应操作。

5. 跨域请求

确保服务器和客户端之间的跨域请求 (CORS) 设置正确。

补充示例代码

Vue.js 前端

// 登录管理员
const submit = async (data) => {
  const res = await axios.post('http://localhost:5000/api/v1/users/loginAdmin', data);
};

// 验证管理员
const validateAdmin = async () => {
  const res = await axios.post('http://localhost:5000/api/v1/users/validateAdmin');
};

Node.js 后端

// 登录管理员
const loginAdmin = async (req, res) => {
  req.session.user = admin;
  res.status(200).json({ success: true });
};

// 验证管理员
const validateAdmin = async (req, res) => {
  const user = req.session.user;
  if (user) {
    res.status(200).json({ valid: true });
  } else {
    res.status(401).json({ valid: false });
  }
};