react配置二级路由

1、配置全局变量，名称最好不要改变，如必须改变，需要修改config->paths.js目录中对应的变量

2、在createBrowserRouter上添加basename属性，比如

// 路由表
const router = createBrowserRouter(
    [
        {
            path: "/login",
            element: <Login></Login>
        },

        ...browserRouter,
        {
            path: "*",
            element: <Navigate to='/login'></Navigate>
        }
    ],
    {
        basename: process.env.PUBLIC_URL
    }
)
export default router;

3、在package.json中添加"homepage":"."

{
  "name": "web",
  "version": "0.1.0",
  "private": true,
  "babel": {
    "presets": [
      "react-app"
    ]
  },
  "homepage": "路径"
}

4.安心打包就可以啦