Question

我使用我的build react + webpack + babel学习和理解它的工作原理。但是我对此有疑问。路由问题：

import React from "react";
import ReactDOM from "react-dom";

import { BrowserRouter as Router, Switch, Route } from "react-router-dom";

ReactDOM.render(
  <Router>
    <Switch>
      <Route path="/categories" render={() => <h1>My Page!</h1>} />
    </Switch>
  </Router>,
  document.getElementById("root")
);

如果我通过 / categories 路线-我看到h1标头-一切正确。但是，如果我经过 / categories / 或 / categories / 0 或 / categories / anything 的路线，则会看到空白页。我没有在路由中使用 exact 参数。我正在使用webpack参数- historyApiFallback：true 。一切都可以在react-create-app上正常运行。告诉我可能是什么原因？

UPD 在控制台浏览器中，我收到消息-“获取http://localhost:3333/categories/main.js net :: ERR_ABORTED 404（未找到）”

UPD 我在index.html

中添加

<base href="/" />

一切都在工作

不使用react-create-app的React路由-如何配置？

0 个答案: