我正在努力正确设置我的应用程序。
这是带有React路由器的React应用,运行在Traefik代理后面的docker内部。
该应用在以下位置提供服务:myapp.localhost/boilerplate
。我遇到了使它在此路径下工作的问题,但是将output.publicPath
和devServer.publicPath
更改为/boilerplate
使其可以工作,因此主页可以正确加载。
但是,在这种设置下我无法使React Router运行。在Webpack配置中,我启用了:devServer.historyApiFallback
,但是它不起作用。 Webpack的输出已经有点警报了:
app-boilerplate webpack output is served from /boilerplate
app-boilerplate Content not from webpack is served from /srv/www/boilerplate/src
app-boilerplate 404s will fallback to /index.html
我认为它应该已经知道404将回退到/boilerplate/index.html,这就是为什么我在任何子路由上都不断获取404的原因。
该怎么办?我想在开发环境中,它必须在Webpack conf中完成(但可能也可以在Traefik中完成),并且在生产中,可以由反向代理进行处理。
我将不胜感激!