css 样式重置 安装路由

css 样式重置 npm i normalize.css -D

安装路由 npm install react-router-dom

routes/index.js

import React from "react"
import { Navigate } from "react-router-dom"
const Home = React.lazy(()=> import("@/views/home"))
const Entire = React.lazy(()=> import("@/views/entire"))
const Detail = React.lazy(()=> import("@/views/detail"))


const routes = [
{
path:'/',
element:<Navigate to="/home" />
},
{
path:"/home",
element:<Home />
},
{
	path:"/entire",
	element:<Entire />
},
{
	path:"/detail",
	element:<Detail />
}
]

export default routes

src/index.js

import React ,{Suspense} from 'react';
import ReactDOM from 'react-dom/client';
import { HashRouter } from 'react-router-dom';

import App from '@/App';
import "normalize.css"
import "@/assets/css/index.less"


const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <Suspense fallback="loading"> 
        <HashRouter>  
            <App />
        </HashRouter>
    </Suspense>
 
  </React.StrictMode>
);

views 页面结构