From fd0dc38eeaa1dfd888ccb683544f73324c326299 Mon Sep 17 00:00:00 2001 From: sion123 <450702724@qq.com> Date: Sun, 16 Nov 2025 23:10:59 +0800 Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/app/web-gold/src/App.vue | 8 - .../web-gold/src/components/SidebarNav.vue | 148 ------------------ frontend/app/web-gold/src/main.js | 2 - frontend/app/web-gold/src/router/index.js | 125 --------------- .../src/views/content-style/Benchmark.vue | 6 +- .../web-gold/src/views/dh/VoiceGenerate.vue | 146 ----------------- 6 files changed, 2 insertions(+), 433 deletions(-) delete mode 100644 frontend/app/web-gold/src/components/SidebarNav.vue delete mode 100644 frontend/app/web-gold/src/router/index.js delete mode 100644 frontend/app/web-gold/src/views/dh/VoiceGenerate.vue diff --git a/frontend/app/web-gold/src/App.vue b/frontend/app/web-gold/src/App.vue index f9ec623447..d582252823 100644 --- a/frontend/app/web-gold/src/App.vue +++ b/frontend/app/web-gold/src/App.vue @@ -1,7 +1,5 @@ - - - - - - diff --git a/frontend/app/web-gold/src/main.js b/frontend/app/web-gold/src/main.js index ce1f643532..83d3974222 100644 --- a/frontend/app/web-gold/src/main.js +++ b/frontend/app/web-gold/src/main.js @@ -6,14 +6,12 @@ import 'ant-design-vue/dist/reset.css' import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'; import App from './App.vue' -import router from './router' import './style.css' const app = createApp(App) const pinia = createPinia() pinia.use(piniaPluginPersistedstate) app.use(pinia) -app.use(router) app.use(Antd) app.mount('#app') diff --git a/frontend/app/web-gold/src/router/index.js b/frontend/app/web-gold/src/router/index.js deleted file mode 100644 index ad76917e47..0000000000 --- a/frontend/app/web-gold/src/router/index.js +++ /dev/null @@ -1,125 +0,0 @@ -import { createRouter, createWebHistory } from 'vue-router' -import { useUserStore } from '@/stores/user' -import { getToken } from '@gold/utils/token-manager' - -const routes = [ - { - path: '/', - redirect: '/content-style/benchmark' - }, - // { path: '/home', name: '首页', component: () => import('../views/home/Home.vue') }, - { - path: '/content-style', - name: '内容风格分析', - children: [ - { path: '', redirect: '/content-style/benchmark' }, - { path: 'benchmark', name: '对标分析', component: () => import('../views/content-style/Benchmark.vue') }, - { path: 'copywriting', name: '文案创作', component: () => import('../views/content-style/Copywriting.vue') }, - ] - }, - { - path: '/trends', - name: '热点趋势分析', - children: [ - { path: '', redirect: '/trends/heat' }, - { path: 'heat', name: '热度分析', component: () => import('../views/trends/Heat.vue') }, - { path: 'forecast', name: '热点预测', component: () => import('../views/trends/Forecast.vue') }, - { path: 'copywriting', name: '趋势文案创作', component: () => import('../views/trends/Copywriting.vue') }, - ] - }, - { - path: '/digital-human', - name: '数字人', - children: [ - { path: '', redirect: '/digital-human/voice-copy' }, - { path: 'voice-copy', name: '人声克隆', component: () => import('../views/dh/VoiceCopy.vue') }, - { path: 'voice-generate', name: '生成配音', component: () => import('../views/dh/VoiceGenerate.vue') }, - { path: 'avatar', name: '生成数字人', component: () => import('../views/dh/Avatar.vue') }, - { path: 'video', name: '数字人视频', component: () => import('../views/dh/Video.vue') }, - ] - }, - { - path: '/material', - name: '素材库', - children: [ - { path: '', redirect: '/material/list' }, - { path: 'list', name: '素材列表', component: () => import('../views/material/MaterialList.vue') }, - { path: 'group', name: '素材分组', component: () => import('../views/material/MaterialGroup.vue') }, - ] - }, - { - path: '/system', - name: '系统', - children: [ - { path: '', redirect: '/system/style-settings' }, - { path: 'style-settings', name: '风格设置', component: () => import('../views/system/StyleSettings.vue') }, - ] - }, - { path: '/realtime-hot', name: '实时热点推送', component: () => import('../views/realtime/RealtimeHot.vue') }, - { path: '/mix-editor', name: '素材混剪', component: () => import('../views/mix/MixEditor.vue') }, - { path: '/capcut-import', name: '剪映导入', component: () => import('../views/capcut/CapcutImport.vue') }, - { path: '/help', name: '帮助', component: () => import('../views/misc/Help.vue') }, - { path: '/download', name: '下载', component: () => import('../views/misc/Download.vue') }, - { path: '/settings/theme', name: '主题设置', component: () => import('../views/misc/Theme.vue') }, -] - -const router = createRouter({ - history: createWebHistory(import.meta.env.BASE_URL), - routes, -}) - -// 用户信息初始化标志（确保只初始化一次） -let userInfoInitialized = false - -/** - * 路由导航守卫：初始化用户信息 + 登录验证 - * 在首次路由跳转时，如果已登录（有 token），则获取用户信息 - * 如果未登录访问系统相关路由，则重定向到首页 - */ -router.beforeEach(async (to, from, next) => { - const userStore = useUserStore() - - // 只在首次路由跳转时初始化用户信息 - if (!userInfoInitialized) { - userInfoInitialized = true - - const token = getToken() - if (token) { - try { - // 如果 store 中已标记为登录，则获取用户信息 - if (userStore.isLoggedIn) { - userStore.fetchUserInfo() - } else { - // 如果有 token 但 store 中未标记为登录，可能是刷新页面 - // 先标记为已登录，然后获取用户信息 - userStore.isLoggedIn = true - userStore.fetchUserInfo() - } - } catch (error) { - console.error('初始化用户信息失败:', error) - // 不阻止路由跳转，继续执行 - } - } - } - - // 检查访问系统相关路由时是否已登录 - if (to.path.startsWith('/system')) { - // 等待 store 从本地存储恢复完成（最多等待500ms） - let waitCount = 0 - while (!userStore.isHydrated && waitCount < 50) { - await new Promise(resolve => setTimeout(resolve, 10)) - waitCount++ - } - - // 如果未登录，重定向到首页 - if (!userStore.isLoggedIn) { - next({ path: '/content-style/benchmark', replace: true }) - return - } - } - - // 继续路由跳转 - next() -}) - -export default router diff --git a/frontend/app/web-gold/src/views/content-style/Benchmark.vue b/frontend/app/web-gold/src/views/content-style/Benchmark.vue index cb5927814f..50a6a3ee19 100644 --- a/frontend/app/web-gold/src/views/content-style/Benchmark.vue +++ b/frontend/app/web-gold/src/views/content-style/Benchmark.vue @@ -1,7 +1,6 @@ - - - - - - From 38949ec757a0aa07db36f11afcdbbe96ece3d62b Mon Sep 17 00:00:00 2001 From: sion123 <450702724@qq.com> Date: Sun, 16 Nov 2025 23:19:44 +0800 Subject: [PATCH 2/2] =?UTF-8?q?=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/app/web-gold/src/App.vue | 8 + .../web-gold/src/components/SidebarNav.vue | 146 ++++++++++++++++++ frontend/app/web-gold/src/main.js | 2 + frontend/app/web-gold/src/router/index.js | 125 +++++++++++++++ .../src/views/content-style/Benchmark.vue | 6 +- 5 files changed, 285 insertions(+), 2 deletions(-) create mode 100644 frontend/app/web-gold/src/components/SidebarNav.vue create mode 100644 frontend/app/web-gold/src/router/index.js diff --git a/frontend/app/web-gold/src/App.vue b/frontend/app/web-gold/src/App.vue index d582252823..f9ec623447 100644 --- a/frontend/app/web-gold/src/App.vue +++ b/frontend/app/web-gold/src/App.vue @@ -1,5 +1,7 @@ + + + + + diff --git a/frontend/app/web-gold/src/main.js b/frontend/app/web-gold/src/main.js index 83d3974222..ce1f643532 100644 --- a/frontend/app/web-gold/src/main.js +++ b/frontend/app/web-gold/src/main.js @@ -6,12 +6,14 @@ import 'ant-design-vue/dist/reset.css' import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'; import App from './App.vue' +import router from './router' import './style.css' const app = createApp(App) const pinia = createPinia() pinia.use(piniaPluginPersistedstate) app.use(pinia) +app.use(router) app.use(Antd) app.mount('#app') diff --git a/frontend/app/web-gold/src/router/index.js b/frontend/app/web-gold/src/router/index.js new file mode 100644 index 0000000000..95bae9a27a --- /dev/null +++ b/frontend/app/web-gold/src/router/index.js @@ -0,0 +1,125 @@ +import { createRouter, createWebHistory } from 'vue-router' +import { useUserStore } from '@/stores/user' +import { getToken } from '@gold/utils/token-manager' + +const routes = [ + { + path: '/', + redirect: '/content-style/benchmark' + }, + // { path: '/home', name: '首页', component: () => import('../views/home/Home.vue') }, + { + path: '/content-style', + name: '内容风格分析', + children: [ + { path: '', redirect: '/content-style/benchmark' }, + { path: 'benchmark', name: '对标分析', component: () => import('../views/content-style/Benchmark.vue') }, + { path: 'copywriting', name: '文案创作', component: () => import('../views/content-style/Copywriting.vue') }, + ] + }, + { + path: '/trends', + name: '热点趋势分析', + children: [ + { path: '', redirect: '/trends/heat' }, + { path: 'heat', name: '热度分析', component: () => import('../views/trends/Heat.vue') }, + { path: 'forecast', name: '热点预测', component: () => import('../views/trends/Forecast.vue') }, + { path: 'copywriting', name: '趋势文案创作', component: () => import('../views/trends/Copywriting.vue') }, + ] + }, + { + path: '/digital-human', + name: '数字人', + children: [ + { path: '', redirect: '/digital-human/voice-copy' }, + { path: 'voice-copy', name: '人声克隆', component: () => import('../views/dh/VoiceCopy.vue') }, + { path: 'avatar', name: '生成数字人', component: () => import('../views/dh/Avatar.vue') }, + { path: 'video', name: '数字人视频', component: () => import('../views/dh/Video.vue') }, + ] + }, + { + path: '/material', + name: '素材库', + children: [ + { path: '', redirect: '/material/list' }, + { path: 'list', name: '素材列表', component: () => import('../views/material/MaterialList.vue') }, + { path: 'group', name: '素材分组', component: () => import('../views/material/MaterialGroup.vue') }, + ] + }, + { + path: '/system', + name: '系统', + children: [ + { path: '', redirect: '/system/style-settings' }, + { path: 'style-settings', name: '风格设置', component: () => import('../views/system/StyleSettings.vue') }, + ] + }, + { path: '/realtime-hot', name: '实时热点推送', component: () => import('../views/realtime/RealtimeHot.vue') }, + { path: '/mix-editor', name: '素材混剪', component: () => import('../views/mix/MixEditor.vue') }, + { path: '/capcut-import', name: '剪映导入', component: () => import('../views/capcut/CapcutImport.vue') }, + { path: '/help', name: '帮助', component: () => import('../views/misc/Help.vue') }, + { path: '/download', name: '下载', component: () => import('../views/misc/Download.vue') }, + { path: '/settings/theme', name: '主题设置', component: () => import('../views/misc/Theme.vue') }, +] + +const router = createRouter({ + history: createWebHistory(import.meta.env.BASE_URL), + routes, +}) + +// 用户信息初始化标志（确保只初始化一次） +let userInfoInitialized = false + +/** + * 路由导航守卫：初始化用户信息 + 登录验证 + * 在首次路由跳转时，如果已登录（有 token），则获取用户信息 + * 如果未登录访问系统相关路由，则重定向到首页 + */ +router.beforeEach(async (to, from, next) => { + const userStore = useUserStore() + + // 只在首次路由跳转时初始化用户信息 + if (!userInfoInitialized) { + userInfoInitialized = true + + const token = getToken() + if (token) { + try { + // 如果 store 中已标记为登录，则获取用户信息 + if (userStore.isLoggedIn) { + userStore.fetchUserInfo() + } else { + // 如果有 token 但 store 中未标记为登录，可能是刷新页面 + // 先标记为已登录，然后获取用户信息 + userStore.isLoggedIn = true + userStore.fetchUserInfo() + } + } catch (error) { + console.error('初始化用户信息失败:', error) + // 不阻止路由跳转，继续执行 + } + } + } + + // 检查访问系统相关路由时是否已登录 + if (to.path.startsWith('/system')) { + // 等待 store 从本地存储恢复完成（最多等待500ms） + let waitCount = 0 + while (!userStore.isHydrated && waitCount < 50) { + await new Promise(resolve => setTimeout(resolve, 10)) + waitCount++ + } + + // 如果未登录，重定向到首页 + if (!userStore.isLoggedIn) { + next({ path: '/content-style/benchmark', replace: true }) + return + } + } + + // 继续路由跳转 + next() +}) + +export default router + diff --git a/frontend/app/web-gold/src/views/content-style/Benchmark.vue b/frontend/app/web-gold/src/views/content-style/Benchmark.vue index 50a6a3ee19..cb5927814f 100644 --- a/frontend/app/web-gold/src/views/content-style/Benchmark.vue +++ b/frontend/app/web-gold/src/views/content-style/Benchmark.vue @@ -1,6 +1,7 @@