URL-адрес не работает и возвращает ошибку 404 с использованием React Router

Я разрабатываю веб-сайт, используя 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 / часто задаваемые вопросы страницу напрямую, я получаю ошибку 404.