fix: Auth redirects and navigation for landing page routing

- login.html: Post-login redirect / -> /index.html; already-logged-in redirect / -> /index.html
- articles.html, topics.html: Auth failure redirect -> /login.html
- uni-nav.js: Dashboard link / -> /index.html; navigate function fix for prefix handling
- sw.js: Remove / pre-cache; HTML documents use Network First strategy for fresh content

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>
This commit is contained in:
Yuzhiran Dev
2026-06-16 08:28:06 +08:00
parent 24e46eced5
commit c069a140bb
5 changed files with 52 additions and 38 deletions
+31 -31
View File
@@ -1,12 +1,8 @@
// Service Worker for 宇之然内容创作平台
const CACHE_NAME = 'yuzhiran-v2';
const CACHE_NAME = 'yuzhiran-v3';
const CACHE_URLS = [
'/',
'/index.html',
'/offline.html',
'/static/vue.global.prod.js',
'/static/element-plus.css',
'/static/element-plus.full.js',
'/manifest.json'
];
@@ -17,7 +13,6 @@ self.addEventListener('install', (event) => {
caches.open(CACHE_NAME).then((cache) => {
console.log('[SW] Pre-caching core assets');
return cache.addAll(CACHE_URLS.map(url => {
// 忽略同源请求404错误(静态资源可能不存在)
return new Promise((resolve, reject) => {
fetch(url).then(response => {
if (response.ok) {
@@ -25,15 +20,10 @@ self.addEventListener('install', (event) => {
} else {
reject(new Error(`Failed to fetch ${url}: ${response.status}`));
}
}).catch(() => {
// 静默失败,不阻止安装
resolve(url);
});
}).catch(() => { resolve(url); });
});
}));
}).catch(err => {
console.error('[SW] Install failed:', err);
})
}).catch(err => { console.error('[SW] Install failed:', err); })
);
self.skipWaiting();
});
@@ -56,27 +46,44 @@ self.addEventListener('activate', (event) => {
self.clients.claim();
});
// 网络请求拦截Cache First + Network Fallback
// 网络请求拦截
self.addEventListener('fetch', (event) => {
const { request } = event;
const url = new URL(request.url);
// 只处理同源请求
if (url.origin !== location.origin) {
return;
}
if (url.origin !== location.origin) { return; }
// API 请求:Network Only(不走缓存)
// API 请求:Network Only
if (url.pathname.startsWith('/api/')) {
event.respondWith(fetch(request));
return;
}
// 静态资源:Cache First
// HTML 文档:Network First(确保 landing page 始终加载最新版)
if (url.pathname === '/' || url.pathname.endsWith('.html')) {
event.respondWith(
fetch(request)
.then(response => {
if (response.ok) {
const clone = response.clone();
caches.open(CACHE_NAME).then(cache => cache.put(request, clone));
}
return response;
})
.catch(() => {
return caches.match(request).then(cached => {
return cached || caches.match('/offline.html');
});
})
);
return;
}
// 其他静态资源:Cache First
event.respondWith(
caches.match(request).then((cached) => {
if (cached) {
// 返回缓存,并在后台更新
fetch(request).then(response => {
if (response.ok) {
caches.open(CACHE_NAME).then(cache => cache.put(request, response));
@@ -84,17 +91,13 @@ self.addEventListener('fetch', (event) => {
});
return cached;
}
// 无缓存,发起网络请求
return fetch(request).then(response => {
// 成功且为有效响应,加入缓存
if (response.ok && response.status === 200) {
const responseClone = response.clone();
caches.open(CACHE_NAME).then(cache => cache.put(request, responseClone));
const clone = response.clone();
caches.open(CACHE_NAME).then(cache => cache.put(request, clone));
}
return response;
}).catch(() => {
// 网络失败,尝试返回离线页面(如果是文档请求)
if (request.destination === 'document') {
return caches.match('/offline.html');
}
@@ -103,14 +106,11 @@ self.addEventListener('fetch', (event) => {
);
});
// 后台同步(可选:在网络恢复后发送错误日志)
// 后台同步
self.addEventListener('sync', (event) => {
if (event.tag === 'sync-logs') {
event.waitUntil(syncLogs());
}
if (event.tag === 'sync-logs') { event.waitUntil(syncLogs()); }
});
async function syncLogs() {
// TODO: 实现日志同步
console.log('[SW] Syncing logs...');
}