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

相关推荐
running up38 分钟前
Vite 全面解析:特性、对比、实践及最新演进
javascript·typescript
.格子衫.40 分钟前
JS原型链总结
开发语言·javascript·原型模式
shoubepatien44 分钟前
JavaWeb_Web基础
java·开发语言·前端·数据库·intellij-idea
WordPress学习笔记1 小时前
wordpress外贸主题Google地图添加(替换)方案
前端·wordpress·wordpress地图
OrangeForce1 小时前
Monknow新标签页数据导出
javascript·edge浏览器
小妖6661 小时前
力扣(LeetCode)- 93. 复原 IP 地址(JavaScript)
javascript·tcp/ip·leetcode
码农秋2 小时前
Element Plus DatePicker 日期少一天问题:时区解析陷阱与解决方案
前端·vue.js·elementui·dayjs
未来之窗软件服务2 小时前
未来之窗昭和仙君(五十六)页面_预览模式——东方仙盟筑基期
前端·仙盟创梦ide·东方仙盟·昭和仙君·东方仙盟架构
top_designer2 小时前
Illustrato:钢笔工具“退休”了?Text to Vector 零基础矢量生成流
前端·ui·aigc·交互·ux·设计师·平面设计
星哥说事2 小时前
星哥带你玩飞牛NAS-13:自动追番、订阅下载 + 刮削,动漫党彻底解放双手!
前端