| <!DOCTYPE html> |
| <html lang="zh-CN"> |
| <head> |
| <meta charset="UTF-8"> |
| <title>首页</title> |
| </head> |
| <body> |
| <h1>欢迎访问受保护页面</h1> |
| <div id="userInfo"></div> |
| <script> |
| (async () => { |
| const token = localStorage.getItem('token'); // 从 localStorage 获取 token |
| if (!token) return window.location.href = 'login.html'; // 如果 token 不存在，重定向到登录页面 |
| |
| const res = await fetch('/api/me', { |
| headers: { 'token': token } // 使用 token 请求用户信息 |
| }); |
| |
| const json = await res.json(); // 解析响应数据 |
| if (json.code !== 0) { |
| return window.location.href = 'login.html'; // 如果获取用户信息失败，重定向到登录页面 |
| } |
| |
| // 输出当前用户和 token |
| document.getElementById('userInfo') |
| .innerText = '当前用户：' + json.data.username + '，Token：' + json.data; // 显示用户名和 token |
| })(); |
| </script> |
| </body> |
| </html> |