修复刷新前端页面闪现登录界面的bug
Browse files- public/index.html +10 -0
- public/js/auth.js +2 -0
public/index.html
CHANGED
|
@@ -9,6 +9,16 @@
|
|
| 9 |
<!-- 引入 Ubuntu Mono 等宽字体 -->
|
| 10 |
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@400;700&display=swap">
|
| 11 |
<link rel="stylesheet" href="style.css">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 12 |
</head>
|
| 13 |
<body>
|
| 14 |
<div class="container">
|
|
|
|
| 9 |
<!-- 引入 Ubuntu Mono 等宽字体 -->
|
| 10 |
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono:wght@400;700&display=swap">
|
| 11 |
<link rel="stylesheet" href="style.css">
|
| 12 |
+
<script>
|
| 13 |
+
// 页面加载前检查登录状态，避免闪现
|
| 14 |
+
if (localStorage.getItem('authToken')) {
|
| 15 |
+
document.documentElement.classList.add('logged-in');
|
| 16 |
+
}
|
| 17 |
+
</script>
|
| 18 |
+
<style>
|
| 19 |
+
.logged-in #loginForm { display: none !important; }
|
| 20 |
+
.logged-in #mainContent { display: block !important; }
|
| 21 |
+
</style>
|
| 22 |
</head>
|
| 23 |
<body>
|
| 24 |
<div class="container">
|
public/js/auth.js
CHANGED
|
@@ -24,6 +24,7 @@ const authFetch = async (url, options = {}) => {
|
|
| 24 |
};
|
| 25 |
|
| 26 |
function showMainContent() {
|
|
|
|
| 27 |
document.getElementById('loginForm').classList.add('hidden');
|
| 28 |
document.getElementById('mainContent').classList.remove('hidden');
|
| 29 |
}
|
|
@@ -31,6 +32,7 @@ function showMainContent() {
|
|
| 31 |
function silentLogout() {
|
| 32 |
localStorage.removeItem('authToken');
|
| 33 |
authToken = null;
|
|
|
|
| 34 |
document.getElementById('loginForm').classList.remove('hidden');
|
| 35 |
document.getElementById('mainContent').classList.add('hidden');
|
| 36 |
}
|
|
|
|
| 24 |
};
|
| 25 |
|
| 26 |
function showMainContent() {
|
| 27 |
+
document.documentElement.classList.add('logged-in');
|
| 28 |
document.getElementById('loginForm').classList.add('hidden');
|
| 29 |
document.getElementById('mainContent').classList.remove('hidden');
|
| 30 |
}
|
|
|
|
| 32 |
function silentLogout() {
|
| 33 |
localStorage.removeItem('authToken');
|
| 34 |
authToken = null;
|
| 35 |
+
document.documentElement.classList.remove('logged-in');
|
| 36 |
document.getElementById('loginForm').classList.remove('hidden');
|
| 37 |
document.getElementById('mainContent').classList.add('hidden');
|
| 38 |
}
|