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

相关推荐
柳杉3 分钟前
别再手抠特效帧了:一个能"看图改图"的像素特效库 + Claude Code Skill
前端·javascript
前端小D17 分钟前
React Native项目开发(iOS侧为例)
javascript·react native·react.js
xixingzhe218 分钟前
本地桌面客户端入门开发
前端
不磕了还不行25 分钟前
用 Vue + Element UI 把元宝搜索的返回值做成“能点开检查的证据卡片”
前端·vue.js·ui
Csvn10 小时前
WASM
前端
修己xj11 小时前
我用 AI 给自己写了一个 Markdown 编辑器,然后把它开源了
前端
FRing0311 小时前
vue2干货总结2(v-bind、v-for、v-model、指令修饰符、v-bind操作class和style)
开发语言·前端·vue.js·vue2
幸运小猿11 小时前
模拟慢上传-处理超时重试image 丢失线上问题
前端·javascript·html
moshuying13 小时前
网购能买Token了!
前端
h_654321013 小时前
echarts实现柱状图加一条横线
前端·echarts