js如何获取当前登录帐号和id？

在前端的JavaScript中，通常无法直接获取到当前登录账号和ID，因为这类信息通常存储在后端服务器中或者在客户端经过验证后通过API返回。但是，可以通过以下几种方式来实现在前端获取用户信息的功能：

1. 使用服务器端提供的API

通常情况下，用户登录成功后，服务器会返回用户的相关信息（如账号、ID等）作为响应。前端可以通过调用这些API来获取用户信息并显示在页面上。

javascript
复制代码
fetch('/api/user/info', {
  method: 'GET',
  headers: {
    'Authorization': 'Bearer ' + token // 如果需要认证信息
  }
})
.then(response => response.json())
.then(data => {
  console.log('用户账号:', data.account);
  console.log('用户ID:', data.id);
})
.catch(error => {
  console.error('获取用户信息失败:', error);
});

2. 使用 sessionStorage 或 localStorage 存储

在用户登录成功后，将用户信息（如账号、ID等）存储在 sessionStorage 或 localStorage 中。这样可以在页面加载后直接从存储中获取用户信息。

javascript
复制代码
// 用户登录成功后存储信息
sessionStorage.setItem('currentUser', JSON.stringify({ account: 'user1', id: '123' }));

// 页面加载后获取信息
const currentUser = JSON.parse(sessionStorage.getItem('currentUser'));
if (currentUser) {
  console.log('用户账号:', currentUser.account);
  console.log('用户ID:', currentUser.id);
}

3. 使用 Cookie 存储

当用户登录成功后，后端服务器可能会在客户端设置一个带有用户信息的 Cookie。通过 JavaScript 可以读取这些 Cookie 来获取用户信息。

javascript
复制代码
// 从 Cookie 中获取用户信息
const cookies = document.cookie.split('; ');
let currentUser = null;
cookies.forEach(cookie => {
  const [key, value] = cookie.split('=');
  if (key === 'user') {
    currentUser = JSON.parse(value);
  }
});

if (currentUser) {
  console.log('用户账号:', currentUser.account);
  console.log('用户ID:', currentUser.id);
}

注意事项：

• 安全性考虑：获取用户信息时要注意保护用户隐私和数据安全，特别是对于敏感信息如用户账号和ID。
• 后端验证：用户信息应该由后端进行验证和授权，前端只是展示和使用这些信息。

通过以上方法，可以在前端JavaScript中获取用户的账号和ID，但要注意需要依赖后端提供的数据或者在客户端存储过的数据来实现这一功能。