React-начальная загрузка Navbar с роутером dom Navlinks

Question

Я пытаюсь использовать отреактбра Навбар оттуда https://react -bootstrap.github.io / компоненты / Navbar / с роутером v4.

Вот мой код:

import React, { Component } from 'react';
import { Navbar, Nav } from 'react-bootstrap';
import { NavLink } from 'react-router-dom';
import './customnavbar.css'

class CustomNavbar extends Component {
  render() {
    return (
      <Navbar style={{backgroundColor : '#1e272e'}} expand="lg">
        <Navbar.Brand style={{color : 'white' }} href="/">Vincent Sérièges</Navbar.Brand>
        <Navbar.Toggle style={{backgroundColor : 'white' }} aria-controls="basic-navbar-nav" />
        <Navbar.Collapse id="basic-navbar-nav">
          <Nav className="mr-auto" style={{ width:'100%', textAlign:'center', justifyContent : 'flex-end'}}>
            <NavLink style={{color : 'white', paddingRight:'25px', paddingLeft:'25px' }} to="/">Home</NavLink>
            <NavLink style={{color : 'white', paddingRight:'25px', paddingLeft:'25px'  }} to="/portfolio">Portfolio</NavLink>
            <NavLink style={{color : 'white', paddingRight:'25px', paddingLeft:'25px'  }} to="/about">About</NavLink>
            <NavLink style={{color : 'white', paddingRight:'25px', paddingLeft:'25px'  }} to="/contact">Contact</NavLink>
          </Nav>
        </Navbar.Collapse>
      </Navbar>
    );
  }
}

export default CustomNavbar;

Результат можно увидеть по этой ссылке: http://vincentserieges.com/

При нажатии на пункты меню маршрутизация работает отлично, но при обновлении страницы Запрошенный URL / портфолио не найден на этом сервере.

Может ли кто-нибудь направить меня в этой беде?

PS: на webpack-dev-server отлично работает маршрутизация