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  //缺少該配置，會出現上面的錯誤
    }
}

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