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。安心打包就可以啦

相关推荐
ywlovecjy几秒前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx
skywalk8163几秒前
g4f JavaScript调用报错问题解决
开发语言·javascript·ecmascript
Alice-YUE1 分钟前
AI对话为什么需要RAG
前端·语言模型·rag
C澒1 分钟前
IntelliPro 企业级产研协作平台:低代码实时预览与可视化编辑技术调研
前端·低代码·ai编程
霍理迪1 分钟前
TS类型断言和类型守卫
前端
木斯佳9 分钟前
前端八股文面经大全:京东前端实习一面(2026-04-16)·面经深度解析
前端
chenxu98b10 分钟前
前端的dist包放到后端springboot项目下一起打包
前端·spring boot·后端
Bigger15 分钟前
第十章:我是如何剖析 CLI 里的终极 Agent 能力的(电脑控制与浏览器接管)
前端·claude·源码阅读
coder_liluyao17 分钟前
JS动画函数的封装(很实用)
javascript
kyriewen18 分钟前
代码写成一锅粥?这5种设计模式让你的项目“起死回生”
前端·javascript·设计模式