无法访问react router dom v6中的页面?

Question

我正在尝试创建路由器。我工作的主页，但当我到其他页面，如/btn它不工作。

错误是Cannot GET /btn

我尝试了这个开关和路由组件，但没有工作。

代码:

class App extends React.Component {
constructor(props) {
super(props);
}
toggleBtn = () => {
console.log("Hello World!");
};
render() {
return (
<Router>
<Suspense fallback={<div>...Loading</div>}>
<Routes>
<Route
exact
path="/"
element={<SimpleBtn toggleBtn={this.toggleBtn} />}
/>
<Route exact path="/btn">
<SimpleBtn2 toggleBtn={this.toggleBtn} />
</Route>
</Routes>
</Suspense>
</Router>
);
}
}

我几乎在react文档中编写代码，但它没有解决问题。

Answer 1

这是一个服务器端问题。您需要向服务器添加对HTML5 Push State的支持。如果你使用的是create-react-app，这将会是开箱即用的。