feat(layout): normalize URL pathname and construction

Author: chilingling

packages/layout/src/DesignWorkspace.vue

@@ -71,7 +71,7 @@
 <script lang="ts">
 import { ref, computed, onMounted, type Component } from 'vue'
 import { iconArrowLeft } from '@opentiny/vue-icon'
-import { getMetaApi, META_SERVICE, getMergeMeta } from '@opentiny/tiny-engine-meta-register'
+import { getMetaApi, META_SERVICE, getMergeMeta, useEnv } from '@opentiny/tiny-engine-meta-register'
 import { Popover } from '@opentiny/vue'
 
 export default {
@@ -121,9 +121,15 @@ export default {
         : tenantList.value[0]
     })
 
+    const { BASE_URL } = useEnv()
+    const basePath = new URL(BASE_URL, window.location.origin).pathname
+
     const changeTenant = (id) => {
-      const baseUrl = `${window.location.origin}${window.location.pathname}?type=app&`
-      window.location.href = `${baseUrl}tenant=${id}`
+      const url = new URL(window.location.origin)
+      url.pathname = basePath
+      url.searchParams.set('type', 'app')
+      url.searchParams.set('tenant', id)
+      window.location.href = url.toString()
     }
 
     const logOut = () => {
@@ -138,9 +144,13 @@ export default {
       if (enableLogin) {
         const tenantId = getBaseInfo().tenantId || tenantList.value[0].id
         const url = new URL(window.location.href)
+        url.pathname = basePath
         if (!url.searchParams.has('tenant')) {
           url.searchParams.append('tenant', tenantId)
-          window.history.replaceState({}, '', url.toString())
+        }
+        const newHref = url.toString()
+        if (window.location.href !== newHref) {
+          window.history.replaceState({}, '', newHref)
         }
       }
     })

packages/layout/src/Main.vue

@@ -48,7 +48,7 @@
 <script lang="ts">
 /* metaService: engine.layout.Main */
 import { ref, computed } from 'vue'
-import { useLayout, getMergeMeta, getMergeMetaByType } from '@opentiny/tiny-engine-meta-register'
+import { useLayout, getMergeMeta, getMergeMetaByType, useEnv } from '@opentiny/tiny-engine-meta-register'
 import { constants } from '@opentiny/tiny-engine-utils'
 import DesignToolbars from './DesignToolbars.vue'
 import DesignPlugins from './DesignPlugins.vue'
@@ -81,6 +81,17 @@ export default {
     const workspaceRegistry = getMergeMetaByType('workspace')
     // @legacy 旧版本兼容，后续废弃 type: 'setting' 的 plugin，全部改为 type: 'plugins'
     const settingRegistry = getMergeMetaByType('setting')
+    // 归一化 URL：移除用户手动输入的随机 pathname，防止后续 URL 构建时残留
+    const { BASE_URL } = useEnv()
+    const basePath = new URL(BASE_URL, window.location.origin).pathname
+    const currentPath = window.location.pathname.replace(/\/$/, '')
+    const expectedPath = basePath.replace(/\/$/, '')
+    if (currentPath !== expectedPath) {
+      const normalizedUrl = new URL(window.location.href)
+      normalizedUrl.pathname = basePath
+      window.history.replaceState({}, '', normalizedUrl.toString())
+    }
+
     // 启用isShowWorkspace = true后，且当url中不包含id=xxx即应用id时自动打开workspace页
     const queryParams = new URLSearchParams(location.search)
     const isShowDefaultWorkspace = computed(() => {

packages/workspace/application-center/src/Main.vue

@@ -95,7 +95,7 @@ import { reactive, ref, onMounted } from 'vue'
 import { Button, Select, Pager, Grid, GridColumn, Divider, Search, Modal, Notify } from '@opentiny/vue'
 import { iconSearch } from '@opentiny/vue-icon'
 import { SearchEmpty } from '@opentiny/tiny-engine-common'
-import { getMetaApi, META_SERVICE } from '@opentiny/tiny-engine-meta-register'
+import { getMetaApi, META_SERVICE, useEnv } from '@opentiny/tiny-engine-meta-register'
 import AppDialog from './AppDialog.vue'
 import { fetchApplicationList, createApplication, updateApplication, deleteApplication } from './js/http'
 
@@ -210,8 +210,11 @@ export default {
     }
 
     const openApplication = (template) => {
-      const href = window.location.href.split('?')[0] || './'
-      const newUrl = `${href}?type=app&id=${template.id}&tenant=${template.tenantId || queryParams.get('tenant')}`
+      const { BASE_URL } = useEnv()
+      const basePath = new URL(BASE_URL, window.location.origin).pathname
+      const newUrl = `${window.location.origin}${basePath}?type=app&id=${template.id}&tenant=${
+        template.tenantId || queryParams.get('tenant')
+      }`
       if (window.self !== window.top) {
         window.parent.postMessage(
           {