fix: 修改跳转逻辑

geekan · Dec 14, 2023 · 45960f3 · 45960f3
1 parent 40b2b00
commit 45960f3
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 9 deletions.
diff --git a/.vitepress/config.mts b/.vitepress/config.mts
@@ -41,7 +41,7 @@ const branchInfo = await simpleGit('.', {}).pull().branch({});
 
 const { current, branches } = branchInfo;
 const isMain = current === 'main';
-const base = isMain ? '/' : `/${current}/`;
+const base = isMain ? '/main/' : `/${current}/`;
 const domain = 'https://docs.deepwisdom.ai';
 const versions = Object.keys(branches)
   .reduce((vs, branchname) => {
@@ -66,7 +66,7 @@ const getVersions = () => {
       items: [
         {
           text: 'main (unstable)',
-          link: `${domain}`,
+          link: `${domain}/main/`,
           target: '_blank',
           disabled: true,
         },

diff --git a/.vitepress/theme/Layout.vue b/.vitepress/theme/Layout.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { useEventListener } from '@vueuse/core';
-import { useData } from 'vitepress';
+import { useData, useRoute, useRouter, withBase } from 'vitepress';
 import DefaultTheme from 'vitepress/theme';
 import { nextTick, provide } from 'vue';
 
-const { isDark } = useData();
+const { isDark, theme, site } = useData();
 
 const enableTransitions = () =>
   'startViewTransition' in document &&
@@ -50,11 +50,37 @@ useEventListener('click', (event) => {
   ) {
     event.preventDefault();
     const link = `${target.href}${location.pathname
-      .replace(/^\/v[^\/]*\//, '/')
+      .replace(site.value.base, '/')
       .slice(1)}`;
     window.open(link, target.target);
   }
 });
+
+const router = useRouter();
+const route = useRoute();
+
+onMounted(() => {
+  if (!import.meta.env.DEV) {
+    if (location.pathname === '/') {
+      try {
+        const navlist = site.value.themeConfig.nav;
+        const stableVersion = navlist[navlist.length - 1].items.find((_: any) =>
+          _.text.includes('(stable)')
+        );
+
+        location.href = stableVersion.link;
+
+        return;
+      } catch {}
+    }
+  }
+
+  const baseWithoutLastSlash = site.value.base.replace(/\/$/, '');
+
+  if (location.pathname.replace(/\/$/, '') === baseWithoutLastSlash) {
+    router.go(withBase('/en/'));
+  }
+});
 </script>
 
 <template>

diff --git a/src/components/BlogList.vue b/src/components/BlogList.vue
@@ -9,7 +9,12 @@
       dark:border="0 solid #444 b"
     >
       <div w216px h144px flex-shrink-0 class="font-family: PingFang SC;">
-        <img :src="Article.banner" object-cover alt="" class="h100% w100%" />
+        <img
+          :src="withBase(Article.banner)"
+          object-cover
+          alt=""
+          class="h100% w100%"
+        />
       </div>
       <div flex="~ col gap" flex-grow-1>
         <div flex-grow-1>
@@ -59,7 +64,7 @@
 </template>
 <script setup lang="ts">
 import { formateDate } from '@/utils/tool';
-import { useRouter, useData } from 'vitepress';
+import { useRouter, useData, withBase } from 'vitepress';
 type Article = {
   title: string;
   description: string;
@@ -87,8 +92,8 @@ const go = (url: string) => {
   if (url.startsWith('http')) {
     window.open(url, '_blank');
   } else {
-    const prefix = lang.value === 'en' ? '' : `/${lang.value}`;
-    router.go(`${prefix}${url}`);
+    const prefix = `/${lang.value}`;
+    router.go(withBase(`${prefix}${url}`));
   }
 };
 </script>