props.match.params.id在我测试时有效，但在我用gh-pages在github中部署时不起作用

Question

我正在使用与Route类似的<Route path="/:boardID" component={Board} />，并且我正在使用来自boardID的Board组件中的this.props.match.params.boardID。当我用npm start测试它时，它可以正常工作。但是当我使用npm run deploy将其部署到github页面时，它不起作用。

我知道，当我测试时，URL为localhost:3000/boardID-00，如果部署了github页面，它将变为username.github.io/projectname/boardID-00，这会引起问题。有没有一种方法可以同时适用于两种情况？因此，在两种情况下我都可以获取boardID吗？

我正在使用类似]的路线，并且我正在使用Board组件中的boardID从this.props.match.params.boardID中获取它。当我对其进行测试时，它可以正常工作...

Answer 1

看看这个答案React Router v4 baseName and custom history

基本上，您可以根据环境向路由器添加basename

Answer 2

本周初，我为此整日苦苦挣扎。