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

相关推荐
明天好,会的16 小时前
分形生成实验(五):人机协同破局--30万token揭示Actix-web状态管理的微妙边界
运维·服务器·前端
C_心欲无痕16 小时前
nginx - alias 和 root 的区别详解
运维·前端·nginx
我是苏苏18 小时前
Web开发:C#通过ProcessStartInfo动态调用执行Python脚本
java·服务器·前端
无羡仙19 小时前
Vue插槽
前端·vue.js
哈__19 小时前
React Native 鸿蒙跨平台开发:PixelRatio 像素适配
javascript·react native·react.js
用户63879947730519 小时前
每组件(Per-Component)与集中式(Centralized)i18n
前端·javascript
SsunmdayKT19 小时前
React + Ts eslint配置
前端
开始学java19 小时前
useEffect 空依赖 + 定时器 = 闭包陷阱?count 永远停在 1 的坑我踩透了
前端
zerosrat19 小时前
从零实现 React Native(2): 跨平台支持
前端·react native