Question

我正在React中学习路由。这是我的代码：

<pre>
const App = () => (
  <BrowserRouter basename={process.env.PUBLIC_URL}>
      {/* here's a div */}
      <div>
      {/* here's a Route */}
      AA
      <Route path="/tacos" component={Tacos}/>
      </div>
  </BrowserRouter>
)

// when the url matches `/tacos` this component renders
const Tacos  = ({ match }) => (
  // here's a nested div
  <div>
      {/* here's a nested Route,
          match.url helps us make a relative path */}
      <Route
      path={match.url + '/carnitas'}
      component={Carnitas}
      />
  </div>
)
function Carnitas(){
  return(
    <div>
      hello
    </div>
  );
}
export default App;
</pre>

当我使用本地主机时，它在http://localhost:3000/tacos/carnitas中都可以正常工作和 http://localhost:3000/tacos

但是当我将其部署到github页面时，两者都不起作用，只有主页起作用。

我想知道github页面是否不支持这种路由，但是此示例有效：

https://tung2389.github.io/authentication_with_session/（这也使用react-router-dom）。

但是当我重新加载https://tung2389.github.io/authentication_with_session/login时，github页面会引发404错误。

有人可以解释吗？谢谢。

github页面中的动态路由

0 个答案: