react-router-dom項目中使用BrowserRouter出現Cannot GET /xxx 404問題

問題：

在React項目中配置了react-router-dom路由之後，在組件中使用 後，直接在地址欄訪問指定路由時出現了404的問題，如下圖：

解決方法：

因爲項目是使用webpack構建的，所以在配置 webpack-dev-server 本地服務時，少了一些配置，只需要在 webpack.config.js 配置文件中添加 devServer 的配置項就可以了：

module.exports = {
    devServer: {
    contentBase: './dist',
    host: 'localhost',
    port: 4000,
    inline:true,  //缺少該配置，會出現上面的錯誤
    historyApiFallback:true  //缺少該配置，會出現上面的錯誤
    }
}

完成以上配置後，重啓服務，在瀏覽器地址欄中直接訪問路由，就不會有問題了。