反应路由器：URL不起作用并返回错误404

Question

我正在使用React和Semantic UI作为前端框架来开发一个网站。使用React-Routing我试图为网站的各个页面使用不同的URL地址。主页如下：

<Router>
    <Menu fixed='top' inverted>
        <Menu.Item as={Link} to='/'>Home Page</Menu.Item>
        <Menu.Item as={Link} to='/faq'>FAQ</Menu.Item>
    </Menu>

    <Switch>
        <Route exact path="/">
            <PageHome />
        </Route>
        <Route path="/faq">
            <PageFaq />
    </Switch>
</Router>

如果我单击“主页”或“常见问题”，则URL将正确更新并显示正确的组件。但是，如果我尝试直接访问http://localhost/faq页面，则会收到404错误。