Prechádzať zdrojové kódy

refactor: 迁移 process.client/server 到 import.meta.client/server

更新 Nuxt 3 中间件和布局文件,使用新的 import.meta 环境变量 API 替换已弃用的 process.client 和 process.server。这确保了代码与 Nuxt 3 最新实践保持一致,并避免未来版本中的弃用警告。
reaper 1 mesiac pred
rodič
commit
8ac07c6896

+ 2 - 2
app/layouts/mobile.vue

@@ -13,7 +13,7 @@ import Header from '~/components/mobile/Header.vue'
 import Footer from '~/components/mobile/Footer.vue'
 
 const setRem = () => {
-  if (!process.client) return
+  if (!import.meta.client) return
   const screenWidth = document.documentElement.clientWidth;
   const baseFontSize = screenWidth / 10;
   document.documentElement.style.fontSize = baseFontSize + 'px';
@@ -25,7 +25,7 @@ onMounted(() => {
 })
 
 onBeforeUnmount(() => {
-  if (process.client) window.removeEventListener('resize', setRem)
+  if (import.meta.client) window.removeEventListener('resize', setRem)
 })
 </script>
 

+ 1 - 1
app/middleware/redirect.global.ts

@@ -5,7 +5,7 @@ export default defineNuxtRouteMiddleware((to, from) => {
     // 注意:在 SSR 环境下,我们需要从请求头获取;在客户端导航时,使用 navigator
     let userAgent = ''
 
-    if (process.server) {
+    if (import.meta.server) {
       const headers = useRequestHeaders(['user-agent'])
       userAgent = headers['user-agent'] || ''
     } else {