雨霖铃
46 lines
1.1 KiB
TypeScript
46 lines
1.1 KiB
TypeScript
import { useEffect, useRef } from 'react';
|
|
import { useLocation, useNavigate } from 'react-router-dom';
|
|
import { storage } from '@/utils/storage';
|
|
|
|
const RoutePersistence = () => {
|
|
const location = useLocation();
|
|
const navigate = useNavigate();
|
|
|
|
const isRestored = useRef(false);
|
|
|
|
useEffect(() => {
|
|
const restoreRoute = async () => {
|
|
if (isRestored.current) return;
|
|
|
|
try {
|
|
const lastRoute = await storage.get('app/lastRoute');
|
|
|
|
if (lastRoute && lastRoute !== '/' && location.pathname === '/') {
|
|
navigate(lastRoute, { replace: true });
|
|
console.log('跳转路由', lastRoute);
|
|
}
|
|
} catch (err) {
|
|
console.error('恢复路由失败', err);
|
|
} finally {
|
|
isRestored.current = true;
|
|
}
|
|
};
|
|
|
|
restoreRoute();
|
|
}, [location, navigate]);
|
|
|
|
useEffect(() => {
|
|
const saveRoute = async () => {
|
|
if (!isRestored.current) return;
|
|
await storage.set('app/lastRoute', location.pathname);
|
|
console.log('保存路由', location.pathname);
|
|
};
|
|
|
|
saveRoute();
|
|
}, [location]);
|
|
|
|
return null;
|
|
};
|
|
|
|
export default RoutePersistence;
|