如何使用react-router与www.example.com上托管的网站render.com
我的React路由器是

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

显然这行不通

当我输入**https://cakeservice.onrender.com/productsList**它将显示未找到或index.html，因为我已经设置了它的方式，但我不为所有的方式index.html，我想根据我的React路由器。

我的尝试：

1.使用webpack，但我被困在加载 Bootstrap 的部分，我没有找到解决方案。
如果我使用webpack，我可以用途：

devServer: {
   historyApiFallback: true,
   contentBase: './',
   hot: true
},

1.我尝试使用vite.js，我不能设置它与已经存在的vite项目，我不知道它是否支持回退方法。
一个答案或替代方案或资源来研究将是伟大的。请