当服务器在'/ path'下时,无法使React Router与Webpack和historyApiFallback一起使用

时间:2018-11-12 10:57:02

标签: reactjs webpack react-router traefik

我正在努力正确设置我的应用程序。

这是带有React路由器的React应用,运行在Traefik代理后面的docker内部。

该应用在以下位置提供服务:myapp.localhost/boilerplate。我遇到了使它在此路径下工作的问题,但是将output.publicPathdevServer.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中完成),并且在生产中,可以由反向代理进行处理。

我将不胜感激!

0 个答案:

没有答案