React Netlify 上的托管问题

Question

我使用 netlify 托管了我的项目暂存，并且遇到了一个问题，即使我在项目中设置了 React 路由，netlify 似乎由于某种原因只托管 Home.jsx 文件：

import "./App.css";
import { Routes, Route } from "react-router-dom";
import Home from "./components/LandingPages/Home";
import Partner from "./components/LandingPages/Partner";
import Login from "./components/LoginAndRegister/Login";
import Register from "./components/LoginAndRegister/Register";

function App() {
  return (
    <Routes>
      <Route path="/" element={<Home />} />
      <Route path="/partner" element={<Partner />} />
      <Route path="/login" element={<Login />} />
      <Route path="/register" element={<Register />} />
    </Routes>
  );
}

export default App;

Answer 1

我在根文件夹中创建了一个 netlify.toml 文件并将其添加到其中：

[[redirects]]
from = "/*"
to = "index.html"
status = 200