xto-fronted 0.8.2 → 0.8.3

package/dist/utils/config.d.ts

@@ -43,6 +43,11 @@ export declare function getApiBaseUrl(): string;
  * 获取应用基础路径（用于路由 base）
  */
 export declare function getBasePath(): string;
+/**
+ * 拼接部署路径的静态资源地址（public 目录资源，如 logo）
+ * 部署在子路径（如 /lending）时，绝对路径 /vite.svg 会落到域名根路径 404，需自动补前缀
+ */
+export declare function withBasePath(path: string): string;
 export declare const appConfig: {
     appId: import('vue').Ref<string, string>;
     clientId: import('vue').Ref<string, string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xto-fronted",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "private": false,
   "type": "module",
   "description": "XTO 前端应用框架",

package/src/components/Layout/MixTopMenu.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, onMounted, onUnmounted, watch } from 'vue'
+import { withBasePath } from '@/utils/config'
 import { useRoute, useRouter } from 'vue-router'
 import { useMenuStore } from '@/stores/menu'
 import { useAppStore } from '@/stores/app'
@@ -13,7 +14,7 @@ import { Drawer } from '@xto/feedback'
 const props = withDefaults(defineProps<{
   logoSrc?: string
 }>(), {
-  logoSrc: '/vite.svg'
+  logoSrc: withBasePath('/vite.svg')
 })
 
 const route = useRoute()

package/src/components/Layout/Sidebar.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue'
+import { withBasePath } from '@/utils/config'
 import { useRoute, useRouter } from 'vue-router'
 import { useMenuStore } from '@/stores/menu'
 import { useUserStore } from '@/stores/user'
@@ -20,7 +21,7 @@ const props = withDefaults(defineProps<{
   menuList: () => [],
   showLogo: true,
   showUser: true,
-  logoSrc: '/vite.svg'
+  logoSrc: withBasePath('/vite.svg')
 })
 
 const route = useRoute()

package/src/components/Layout/TopMenu.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed, ref, onMounted, onUnmounted } from 'vue'
+import { withBasePath } from '@/utils/config'
 import { useRoute, useRouter } from 'vue-router'
 import { useMenuStore } from '@/stores/menu'
 import { useAppStore } from '@/stores/app'
@@ -13,7 +14,7 @@ import { Drawer } from '@xto/feedback'
 const props = withDefaults(defineProps<{
   logoSrc?: string
 }>(), {
-  logoSrc: '/vite.svg'
+  logoSrc: withBasePath('/vite.svg')
 })
 
 const route = useRoute()

package/src/components/Layout/index.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+import { withBasePath } from '@/utils/config'
 import { useAppStore } from '@/stores/app'
 import { useMenuStore } from '@/stores/menu'
 import Sidebar from './Sidebar.vue'
@@ -11,7 +12,7 @@ import MixTopMenu from './MixTopMenu.vue'
 const props = withDefaults(defineProps<{
   logoSrc?: string
 }>(), {
-  logoSrc: '/vite.svg'
+  logoSrc: withBasePath('/vite.svg')
 })
 
 const appStore = useAppStore()

package/src/router/layoutRoute.ts

@@ -6,7 +6,7 @@ import { createRouter as vueCreateRouter, createWebHistory } from 'vue-router'
 import type { RouteRecordRaw, Router } from 'vue-router'
 import { h, defineComponent } from 'vue'
 import Layout from '@/components/Layout/index.vue'
-import { getBasePath } from '@/utils/config'
+import { getBasePath, withBasePath } from '@/utils/config'
 
 interface LayoutRouteOptions {
   indexPath?: string
@@ -28,7 +28,7 @@ export function createLayoutRoute(
   options: LayoutRouteOptions = {}
 ): RouteRecordRaw {
   const indexPath = options.indexPath || '/dashboard'
-  const logoSrc = options.logoSrc || '/vite.svg'
+  const logoSrc = options.logoSrc || withBasePath('/vite.svg')
 
   // 添加 catch-all 路由，让404在Layout内部渲染，保持左侧菜单显示
   const catchAllRoute: RouteRecordRaw = {

package/src/utils/config.ts

@@ -152,6 +152,16 @@ export function getBasePath(): string {
   return basePath.value
 }
 
+/**
+ * 拼接部署路径的静态资源地址（public 目录资源，如 logo）
+ * 部署在子路径（如 /lending）时，绝对路径 /vite.svg 会落到域名根路径 404，需自动补前缀
+ */
+export function withBasePath(path: string): string {
+  if (!path) return path
+  const base = getBasePath().replace(/\/$/, '')
+  return path.startsWith('/') ? `${base}${path}` : `${base}/${path}`
+}
+
 // 导出响应式引用（供特殊场景直接使用）
 export const appConfig = {
   appId,