How can I make the base path “/” redirect to the address BASE_PATHS.FIRE and from it there is a redirect to the address BASE_PATHS.FIRE + FIRE.JUPI. The page stops at the address “sitename.com//fire-safety/” and does not go to the address “sitename.com//fire-safety/jupi”

const BASE_PATHS = {
  FIRE: "/fire-safety/",
}

const PURVIEWS = {
  FIRE: {title: translate('name')},
}
export const FIRE = {
  SELF: `fire-safety`,
  JUPI: `jupi`,
  EMP: `emp`,
  VISION: `vision`,
}

const routes = [
  {
    path: '/',
    redirect: BASE_PATHS.FIRE,
    component: () => import('Layout.vue'),
  },

  {
    path: BASE_PATHS.FIRE,
    redirect: BASE_PATHS.FIRE + FIRE.JUPI,
    component: () => import('Layout.vue'),
    children: [
      {
        name: FIRE.SELF,
        path: BASE_PATHS.FIRE,
        children: [
          {
            name: FIRE.JUPI,
            path: FIRE.JUPI,
            component: () => import('jupi.vue'),
            meta: {
              breadcrumbs: [
                PURVIEWS.FIRE,
                {title: translate('name1')},
              ]
            },
          },
          {
            path: FIRE.EMP,
            name: FIRE.EMP,
            component: () => import('emp.vue'),
            meta: {
              breadcrumbs: [
                PURVIEWS.FIRE,
                {title: translate('name2')},
              ]
            }
          },
          {
            path: FIRE.VISION,
            name: FIRE.VISION,
            component: () => import('vision.vue'),
            meta: {
              breadcrumbs: [
                PURVIEWS.FIRE,
                {title: translate('name3')},
              ]
            }
          },
        ]
      },

    ]
  }
]

export default routes;

I tried to directly translate the address from “/” to BASE_PATHS.FIRE + FIRE.JUPI but then when accidentally going to the address “sitename.com//fire-safety/” everything remains the same