fix: 浏览器标题使用配置的网站名称而非硬编码
This commit is contained in:
parent
ccdc77d8eb
commit
d695d81ed4
@ -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')
|
||||
|
||||
|
||||
@ -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()
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user