修复语言切换后跳转重置问题

Author: 1ssqq1lxr

src/components/Header.tsx

@@ -20,9 +20,10 @@ const Header = () => {
   useEffect(() => {
     const handleLanguageChange = (lng: string) => {
       setCurrentLanguage(lng);
+      document.documentElement.lang = getHomepageLocale(lng) === "zh" ? "zh-CN" : "en";
     };
 
-    setCurrentLanguage(i18n.language);
+    handleLanguageChange(i18n.language);
     i18n.on("languageChanged", handleLanguageChange);
 
     return () => {
@@ -32,6 +33,8 @@ const Header = () => {
 
   const changeLanguage = (lng: string) => {
     if (i18n.language === lng) return;
+    window.localStorage.setItem("i18nextLng", lng);
+    document.documentElement.lang = getHomepageLocale(lng) === "zh" ? "zh-CN" : "en";
     i18n.changeLanguage(lng).then(() => setCurrentLanguage(lng));
   };
 

src/lib/i18n.ts

@@ -1069,7 +1069,8 @@ i18n
   .init({
     resources,
     fallbackLng: 'en',
-    lng: 'en', // 设置默认语言为英文
+    supportedLngs: ['en', 'zh'],
+    nonExplicitSupportedLngs: true,
     debug: false,
     interpolation: {
       escapeValue: false
@@ -1078,8 +1079,9 @@ i18n
       order: ['localStorage', 'navigator', 'htmlTag'],
       caches: ['localStorage'],
       lookupLocalStorage: 'i18nextLng',
+      lookupFromPathIndex: 0,
       checkWhitelist: true
     }
   });
 
-export default i18n;
+export default i18n;