react配置二级路由

1.在createBrowserRouter上添加basename属性,比如

TypeScript 复制代码
const RouterRender = createBrowserRouter(
    [
        {
            path: '/',
            element: <App><Login></Login></App>
        },
        ...SystemRouter,
        ...InventoryRouter,
        ...FlowManageRouter,
        {
            path: "*",
            element: <Navigate to='/'></Navigate>
        }
    ],
    {
        basename:"/"
    }
)
export default RouterRender;

2.在package.json中添加"homepage":"."

TypeScript 复制代码
{
     "homepage": "."
}

3。安心打包就可以啦

相关推荐
vvilkim7 分钟前
Flutter 常用组件详解:Text、Button、Image、ListView 和 GridView
前端·flutter
豆豆(设计前端)13 分钟前
在 JavaScript 中,你可以使用 Date 对象来获取 当前日期 和 当前时间、当前年份。
开发语言·javascript·ecmascript
vvilkim13 分钟前
Flutter 命名路由与参数传递完全指南
前端·flutter
NA14 分钟前
redis
前端
你真好看_14 分钟前
6年低代码 零代码 系统二开人员的角度,看低代码 到底有多好用!!!
前端
JC_You_Know22 分钟前
边缘计算一:现代前端架构演进图谱 —— 从 SPA 到边缘渲染
前端·人工智能·边缘计算
DoraBigHead24 分钟前
深入 JavaScript 作用域机制:透视 V8 引擎背后的执行秘密
前端·javascript
薛定谔的算法26 分钟前
JavaScript闭包深度解析:从基础概念到柯里化实践
javascript
Tu_Jipang26 分钟前
前端从零搭建企业级后台系统实战指南
前端
快起来别睡了27 分钟前
CSS定位的奥秘:从文档流到position,一文讲透前端布局核心!
前端·css·程序员