在 React 中实现 github.io/project 上的相对路径

Question

当我收到错误时，可以使用 React Router 在 React 中为 gh-pages 实现 https://name.github.io/project 上的相对路径。 我使用import {withRouter} from 'react-router-dom'; 和export default withRouter(componentName); 将路由道具从路由器转发到目标组件，然后我收到了它们。 我试过这样实现链接：

<li><Link to={{pathname: this.props.match.url + '/new-post'}}>New Post</Link></li>

并使用this.props.match.url这种方式获取当前路径，但我收到错误。

大家有什么建议吗？

Answer 1

可以在react路由历史中配置：

history.js

import createBrowserHistory from 'history/createBrowserHistory';

const history = createBrowserHistory({
  basename: 'project',
});

export default history;