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

Question

当我收到错误消息时，

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

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

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

有人有建议吗？

Answer 1

可以在响应路由器历史记录中对其进行配置：

history.js

import createBrowserHistory from 'history/createBrowserHistory';

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

export default history;