diff --git a/src/App.js b/src/App.js
index 9ae0a1b..55fa68c 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,7 @@
-import { BrowserRouter as Router, Route, Link, Routes } from 'react-router-dom';
-import { Home, Todo, Message, PersonalCenter, Bottom } from './pages/Buttom/index'
-import './pages/Buttom/index.css'
+import { BrowserRouter as Router, Route, Navigate , Routes } from 'react-router-dom';
+import { Todo, Message, PersonalCenter, Bottom } from './pages/Bottom/index'
+import { Home } from './pages/Home';
+import './pages/Bottom/index.css'
 import { NavBar, TabBar } from 'antd-mobile'
 function App() {
   return (
@@ -11,6 +12,8 @@ function App() {
         </div>
         <div className='body'>
           <Routes>
+            <Route path='/' element={<Navigate to="/home"/>}> 
+            </Route>
             <Route path='/home' element={<Home />}></Route>
             <Route path='/todo' element={<Todo />}></Route>
             <Route path='/message' element={<Message />}></Route>