들어오는 요청 url을 내가 원하는 url로 변경해 보았습니다.
간단하게 'react-router-dom'을 사용해 보았습니다.
import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";
// ... 생략
return (
<SidebarStateContext.Provider value={{ sideBarState }}>
<SidebarDispatchContext.Provider value={{ setSidebarState }}>
<BrowserRouter>
<div className="App">
<MyHeader />
<Routes>
<Route path="/" element={<Navigate to="/network/interface" />} />
<Route
path="/network/interface"
element={<DeviceNetworkInterface />}
/>
</Routes>
</div>
</BrowserRouter>
</SidebarDispatchContext.Provider>
</SidebarStateContext.Provider>
);
}
path / 로 들어오게 되면 Navigate 를 사용하여 /netwrok/interface로 이동시킵니다.
/network/interface에는 생성된 페이지 컴포넌트가 존재합니다.
감사합니다!