React-router URL 在部署在渲染器上时刷新或手动写入时不起作用

Question

我有部署在

render.com

中的 React 应用程序。当页面刷新或手动输入时，我不确定如何让我的

react-router

工作。

我知道下面这个界面，但不确定如何相应地路由页面并可能将其与

react-router

挂钩

显然我的尝试无效

我有这样的路线：

<Router>
            <Routes>
                <Route exact path={"/"} element={<ProductsList />} />
                <Route exact path="/divisionSection" element={<Home />} />
                <Route path="/addDivision" element={<AddDivision />} />
                <Route path={"/editProduct/:objectId"} element={<AddProduct />} />
                <Route path="/productsList" element={<ProductsList />} />
                <Route path="/addProduct" element={<AddProduct />} />
            </Routes>
        </Router>

在刷新或手动输入

/addProduct

时我得到not found

---

我在哪里发现这个问题？

删除时我有以下代码：

axios.get(BASE_URL +"/homeMainDeleteProduct" +"/" +row._id)
.then((res) => {..});
  window.location.reload(); // Here it says not found
  toast.success("Deleted the product succesfully");

我的尝试：

1. 通过React-router URL在刷新或手动写入时不起作用
2. 尝试添加

   webpack

   ，但它与 react-bootstrap v5 不兼容。并且在为此添加 css 加载器方面遇到了关键时刻。

---

如果有人能回答或指导我在哪里寻找，我会很高兴。