Question

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

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

但是当我导航到 my-website.com/staging/my-app 时，它会呈现错误组件，如果我按下主页按钮，我会看到主页为例外但是navbar是 my-website.com / 。

Answer 1

如果您的网站没有位于根网址中，则需要提供基本名称选项

例如：

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路由器历史记录无法正确呈现

1 个答案: