1

components/SwitchLanguage.vue

@@ -20,24 +20,6 @@ const props = defineProps({
   },
 });
 const { locale } = useI18n();
-// 回到客户端修改获取浏览器语言
-if (process.client) {
-  let lan = localStorage.getItem("lang");
-  if (navigator.language === "zh-CN" || navigator.language === "zh-TW") {
-    lan = "cn";
-  } else if (navigator.language == "en") {
-    lan = "en";
-  }
-  if (lan) {
-    locale.value = lan;
-  }
-}
-watch(
-  () => locale.value,
-  (v) => {
-    console.log(v);
-  }
-);
 const languageOptions = [
   {
     label: "中文简体",

language/index.ts

-import cn from './cn';
-import en from './en';
-import { createI18n } from 'vue-i18n';
+import cn from "./cn";
+import en from "./en";
+import { createI18n } from "vue-i18n";
 
 // 判断语言--第一次打开根据浏览器语言判断
 const getLanguage = () => {
   try {
     if (process.client) {
-      let lan = localStorage.getItem('lang');
-      if (navigator.language === 'zh-CN' || navigator.language === 'zh-TW') {
-        return 'cn';
-      } else if (navigator.language == 'en') {
-        return 'en';
+      let lan = localStorage.getItem("lang");
+      if (navigator.language === "zh-CN" || navigator.language === "zh-TW") {
+        return "cn";
+      } else if (navigator.language == "en") {
+        return "en";
       } else if (lan) {
         return lan;
       } else {
-        return 'en';
+        return "en";
       }
     } else {
       // 服务端环境下
-      return 'cn';
+      return "cn";
     }
   } catch (e) {
-    return 'cn';
+    return "cn";
   }
 };
 const i18n = createI18n({

middleware/index.global.ts

 export default defineNuxtRouteMiddleware(() => {
-  if (process.client) {
-    let lan = localStorage.getItem("lang");
-    if (navigator.language === "zh-CN" || navigator.language === "zh-TW") {
-      lan = "cn";
-    } else if (navigator.language == "en") {
-      lan = "en";
-    }
-    if (lan) {
-      window.localStorage.setItem("lang", lan);
-    }
-  }
+  console.log('0')
 });

plugins/i18n.ts

-import { defineNuxtPlugin } from '#app';
-import i18n from '@/language/index';
+import { defineNuxtPlugin } from "#app";
+import i18n from "@/language/index";
 
 export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.vueApp.use(i18n);