我使用ReactJs制作了博客应用程序。使用构建文件，我将其托管在hostinger上。当我尝试打开https：//localhost：3000/blogapp/63a2f92b19a68516e244c452/How%20to%20print%20%22Hello%20world%22%20in%20java时，会发生什么情况
它的工作，但托管后，下面的链接显示"哎呀，看起来像页面丢失"。
https://codenlearn.online/blogpage/63a2f92b19a68516e244c452/How%20to%20print%20%22Hello%20world%22%20in%20java.
您可以打开上面的链接查看问题。
有人能帮我一下吗？

• • 应用程序js**

function App() {
  return (
    <>
    <Router>
      <Routes>
        <Route path='/' element={<Home />}>          
          <Route path='blogpage/:id/:title' element={<BlogPage />} />
        </Route>     
      </Routes>
    </Router>
    </>
  )
}

• • 博客页面. js**

export default function BlogPage() {
  const { id, title } = useParams();
  let navigate = useNavigate();
 
  const [data, setData] = useState(false);

  useEffect(() => {
    axios
      .get("backendApiRoute.com/getblogs",{params: { _id: id }})
      .then((response) => {
        setData(response.data.foundBlog);
      })
      .catch((err) => {
        console(err.response.message);
      });
  }, [id]);

  return (
    <div>
      <!------- html code to render data on browser ---------->
    </div>
  );
}

• • Package 锁. json**

{
  "name": "blogapp",
  "homepage": "https://codenlearn.online",
  "version": "0.1.0",
  "private": true
}