使用 React Router 在 Netlify 上找不到页面

如果您已经在使用netlify.toml，请查看这篇文章，

部署到 Netlify 时解决 React App 中的路由问题

使用 React Router 将单页 React 站点部署到 Netlify 后，您可能会遇到以下错误。

页面未找到

看起来您点击了无效的链接或输入了此站点上不存在的 URL。

React Router 在客户端（浏览器）处理路由，因此当您访问非根页面（例如https://yoursite.netlify.com/else）时，Netlify（服务器端）不知道如何处理路由。

（因为您的路由是在根级别设置的）。

这是使用 React Router 的最简单的代码。

	import React from "react";
	import ReactDOM from "react-dom";
	import { BrowserRouter as Router, Route, Link, Switch } from "react-router-dom";
	import "./styles.css";

	const Main = () => <h1>Main!</h1>;
	const Elsewhere = () => <h1>Elsewhere!</h1>;

	function App() {
	return (
	<Router>
	<div>
	<nav>
	<ul>
	<li>
	<Link to="/">Main</Link>
	</li>
	<li>
	<Link to="/else">Else</Link>
	</li>
	</ul>
	</nav>
	<Switch>
	<Route path="/" exact component={Main} />
	<Route path="/else/" component={Elsewhere} />
	</Switch>
	</div>
	</Router>
	);
	}

	const rootElement = document.getElementById("root");
	ReactDOM.render(<App />, rootElement);