msw问题处理

Author: yluiop123

src/App.tsx

@@ -2,9 +2,8 @@ import PageLayout from '@/layout';
 import { routes } from '@/routes';
 // import loadable from '@loadable/component';
 import { Toaster } from "@/components/ui/sonner";
-import initMSW from '@/mock';
 import { useLocaleStore } from "@/store/index";
-import { lazy, useEffect } from 'react';
+import { lazy } from 'react';
 import { IntlProvider } from 'react-intl';
 import {
     BrowserRouter,
@@ -24,25 +23,8 @@ const getLazyComponent = (path: string) => {
 };
 const isHashRouter = import.meta.env.VITE_ROUTE === 'hashRouter';
 const Router = isHashRouter ? HashRouter : BrowserRouter;
-const mockEnable = (import.meta.env.VITE_MOCK_ENABLE||'true')=='true';
 export default function Index() {
     const { locale, messages } = useLocaleStore();
-    useEffect(() => {
-        if(mockEnable){
-            initMSW();
-            // 页面从后台恢复时，确保 SW 激活
-            const handleVisibilityChange = () => {
-                if (document.visibilityState === 'visible') {
-                    initMSW();
-                }
-            };
-
-            document.addEventListener('visibilitychange', handleVisibilityChange);
-            return () => {
-            document.removeEventListener('visibilitychange', handleVisibilityChange);
-            };
-        }
-    }, []);
     //路由组件懒加载
     return (
         <IntlProvider locale={locale} messages={messages}>

src/main.tsx

@@ -6,6 +6,12 @@ import './index.css';
 const mockEnable = (import.meta.env.VITE_MOCK_ENABLE||'true')=='true';
 if(mockEnable){
   initMSW();
+  const handleVisibilityChange = () => {
+      if (document.visibilityState === 'visible') {
+          initMSW();
+      }
+  };
+  document.addEventListener('visibilitychange', handleVisibilityChange);
 }
 createRoot(document.getElementById('root')!).render(
   <StrictMode>