react-router-dom使用指南

1.安装react-router-dom

yarn add rect-router-dom

2.配置路由项（集中管理）

    在src目录下创建router目录，之后在router目录下创建index.tsx文件，注意文件后缀为tsx，写入代码如下。

import {RouteObject} from 'react-router-dom'
import MusicPage from '@/page/music/MusicPage'
import App from '@/App'
const config:RouteObject[] = [
    {
        path:"/",//路由路径
        element:<App/>,//与路由对应的组件
        children:[
            {
                index:true,//表示该组件为默认项
                element:<MusicPage/>
            }
        ],
    },
]
export default config

 3.配置路由模式

      路由模式共有两种，分别为 历史（BrowserRouter）和