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

我使用我的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="/" />

一切都在工作

hudianjie52 回答:不使用react-create-app的React路由-如何配置?

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3081752.html

大家都在问