test-route.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>测试路由加载</title>
  7. </head>
  8. <body>
  9. <h1>路由加载测试</h1>
  10. <div id="test-result"></div>
  11. <script>
  12. // 模拟登录后的状态
  13. const userInfo = {
  14. refreshToken: "",
  15. expires: 1773579936832,
  16. avatar: "58a0a054b96247c8805d9194172ca534.jpg",
  17. username: "邓泽鹏",
  18. nickname: "0aXdINkLQ@i$SZPwh",
  19. roles: [],
  20. permissions: ["role.list", "user.list"]
  21. };
  22. localStorage.setItem('user-info', JSON.stringify(userInfo));
  23. console.log('已设置用户信息:', userInfo);
  24. console.log('roles 数组长度:', userInfo.roles.length);
  25. document.getElementById('test-result').innerHTML = `
  26. <p>用户信息已设置</p>
  27. <p>Username: ${userInfo.username}</p>
  28. <p>Roles: ${JSON.stringify(userInfo.roles)}</p>
  29. <p>Roles 长度:${userInfo.roles.length}</p>
  30. <p><strong>如果 roles 为空数组,菜单应该正常显示(不过滤)</strong></p>
  31. `;
  32. </script>
  33. </body>
  34. </html>