反应路由器历史无法正确呈现

Question

我正在使用 https://github.com/newtriks/generator-react-webpack 创建一个 APP。

一切都很好，我生成了我的 dist 文件，但我在我的网站上上传了我的应用程序，如下所示：my-website.com/staging/my-app.

但是当我导航到 我的网站时。com/staging/my-app 它会呈现错误组件，如果我按主页按钮，我会看到主页例外，但url 在导航栏中是 my-website.com/.

Answer 1

如果您的网站不在根 url 中，您将需要提供一个基本名称选项

例如：

import createBrowserHistory from "history/lib/createBrowserHistory"
import { Router, useRouterHistory } from "react-router"

const browserHistory = useRouterHistory(createBrowserHistory)({
  basename: "staging/my-app",
})

// component
<Router history={ browserHistory } routes={ routes } />

反应路由器历史无法正确呈现

React router history not render correctly

javascript

reactjs

react-router