BrowserRouter에서 path를 직접 접근할 때 발생하는 이슈

링크를 타고 접근하면 상관 없는데, path를 직접 검색해서 접근하면 아래와 같은 이슈가 발생한다.

 

Cannot GET /dynamic 

 

 

webpackDeverServer 설정에 historyApiFallback: true를 설정해주면 path로 직접 접근해도 잘 노출된다.

 

// webpack.config.dev.js

....

devServer: {
  port: 3000,
  historyApiFallback: true
}