fix: 浏览器标题使用配置的网站名称而非硬编码

This commit is contained in:
Your Name 2026-01-07 10:09:47 +08:00
parent ccdc77d8eb
commit d695d81ed4
2 changed files with 20 additions and 3 deletions

View File

@ -2,6 +2,7 @@ import { createApp } from 'vue'
import { createPinia } from 'pinia'
import router from './router'
import App from './App.vue'
import { useSiteSettingsStore } from './stores/siteSettings'
// 引入 Ant Design Vue 样式
import 'ant-design-vue/dist/reset.css'
@ -9,9 +10,22 @@ import 'ant-design-vue/dist/reset.css'
import './styles/index.scss'
const app = createApp(App)
const pinia = createPinia()
app.use(createPinia())
app.use(pinia)
app.use(router)
// 初始化网站设置并设置标题
const siteSettingsStore = useSiteSettingsStore()
siteSettingsStore.loadSiteSettings().then(() => {
document.title = siteSettingsStore.siteName || 'DesignHub'
}).catch(() => {
// 如果加载失败,尝试从 localStorage 读取
const siteName = localStorage.getItem('siteName')
if (siteName) {
document.title = siteName
}
})
app.mount('#app')

View File

@ -1,6 +1,7 @@
import { createRouter, createWebHistory } from 'vue-router'
import type { RouteRecordRaw } from 'vue-router'
import { useAuthStore } from '@/stores/auth'
import { useSiteSettingsStore } from '@/stores/siteSettings'
const routes: RouteRecordRaw[] = [
{
@ -228,8 +229,10 @@ const router = createRouter({
// 路由守卫
router.beforeEach(async (to, from, next) => {
// 设置页面标题
document.title = `${to.meta.title || ''} - DesignHub`
// 设置页面标题(使用配置的网站名称)
const siteSettingsStore = useSiteSettingsStore()
const siteName = siteSettingsStore.siteName || 'DesignHub'
document.title = to.meta.title ? `${to.meta.title} - ${siteName}` : siteName
// 身份验证逻辑
const authStore = useAuthStore()