diff --git a/platform/frontend/articles.html b/platform/frontend/articles.html
index 50ca6a3..d3b10c7 100644
--- a/platform/frontend/articles.html
+++ b/platform/frontend/articles.html
@@ -168,7 +168,7 @@ const ArticlesApp = {
getToken() { return localStorage.getItem('authToken'); },
async api(url, opts = {}) {
const token = this.getToken();
- if (!token) { this.$message.error('请先登录'); setTimeout(() => window.location.href = '/', 1500); return null; }
+ if (!token) { this.$message.error('请先登录'); setTimeout(() => window.location.href = '/login.html', 1500); return null; }
const res = await fetch(url, { headers: { 'Authorization': 'Bearer ' + token, 'Content-Type': 'application/json', ...opts.headers }, ...opts });
if (!res.ok) { const data = await res.json().catch(() => ({})); throw new Error(data.detail || `请求失败: ${res.status}`); }
return res.json();
diff --git a/platform/frontend/login.html b/platform/frontend/login.html
index 14077cc..229947e 100644
--- a/platform/frontend/login.html
+++ b/platform/frontend/login.html
@@ -103,7 +103,7 @@
type: 'success',
duration: 1500,
onClose: () => {
- window.location.href = '/';
+ window.location.href = '/index.html';
}
});
} else {
@@ -120,7 +120,7 @@
// 检查是否已登录
const token = localStorage.getItem('authToken');
if (token) {
- window.location.href = '/';
+ window.location.href = '/index.html';
}
return {
diff --git a/platform/frontend/sw.js b/platform/frontend/sw.js
index f46efd1..24c8394 100644
--- a/platform/frontend/sw.js
+++ b/platform/frontend/sw.js
@@ -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...');
}
diff --git a/platform/frontend/topics.html b/platform/frontend/topics.html
index 673c1b3..74a5bc9 100644
--- a/platform/frontend/topics.html
+++ b/platform/frontend/topics.html
@@ -445,7 +445,7 @@ const TopicsApp = {
getToken() { return localStorage.getItem('authToken'); },
async api(url, opts = {}) {
const token = this.getToken();
- if (!token) { this.$message.error('请先登录'); setTimeout(() => window.location.href = '/', 1500); return null; }
+ if (!token) { this.$message.error('请先登录'); setTimeout(() => window.location.href = '/login.html', 1500); return null; }
const res = await fetch(url, { headers: { 'Authorization': 'Bearer ' + token, 'Content-Type': 'application/json', ...opts.headers }, ...opts });
if (!res.ok) { const data = await res.json().catch(() => ({})); throw new Error(data.detail || `请求失败: ${res.status}`); }
return res.json();
@@ -722,8 +722,22 @@ const TopicsApp = {
this.editing = false;
this.editContent = '';
},
+ sanitizeHtml(html) {
+ const div = document.createElement('div');
+ div.innerHTML = html;
+ div.querySelectorAll('script, iframe, object, embed').forEach(el => el.remove());
+ div.querySelectorAll('*').forEach(el => {
+ for (const attr of el.attributes) {
+ if (attr.name.startsWith('on') || attr.value.toLowerCase().startsWith('javascript:')) {
+ el.removeAttribute(attr.name);
+ }
+ }
+ });
+ return div.innerHTML;
+ },
async saveContent() {
if (!this.previewTopic || !this.editContent) { this.$message.warning('没有内容可保存'); return; }
+ this.editContent = this.sanitizeHtml(this.editContent);
this.savingContent = true;
try {
const original = this.platformContents[this.previewPlatform] || '';
diff --git a/platform/frontend/uni-nav.js b/platform/frontend/uni-nav.js
index 9f2d866..01238cd 100644
--- a/platform/frontend/uni-nav.js
+++ b/platform/frontend/uni-nav.js
@@ -121,14 +121,14 @@
function getCurrentPage() {
var path = window.location.pathname;
- if (path === '/' || path === '/index.html') return 'dashboard';
+ if (path === '/index.html') return 'dashboard';
var m = path.match(/\/(\w+)\.html/);
return m ? m[1] : 'dashboard';
}
function navItems(isAdmin) {
var items = [
- { key: 'dashboard', label: '仪表盘', page: '/' },
+ { key: 'dashboard', label: '仪表盘', page: 'index.html' },
{ key: 'topics', label: '选题', page: 'topics.html' },
{ key: 'metrics', label: '数据', page: 'metrics.html' },
{ key: 'calendar', label: '日历', page: 'calendar.html' },
@@ -194,7 +194,7 @@
navigate: function (page) {
this.dropdownOpen = false; this.profileOpen = false;
if (this.onNavigate) { this.onNavigate(page); return; }
- window.location.href = page === '/' ? '/' : '/' + page;
+ window.location.href = page.startsWith('/') ? page : '/' + page;
},
logout: function () {
this.profileOpen = false;