React路由器允许react应用程序处理/arbitrary/route
。为了正常工作,我需要我的服务器在任何匹配的路由上发送React应用程序。
但是webpack dev server不能处理任意的端点。
这里有一个使用附加express服务器的解决方案。How to allow for webpack-dev-server to allow entry points from react-router
但我不想启动另一个express服务器来允许路由匹配。我只想告诉webpack开发服务器匹配任何url,并发送我的反应应用程序。请。
发布于 2015-12-07 01:19:09
我找到了包含一个小配置的最简单的解决方案:
devServer: {
port: 3000,
historyApiFallback: {
index: 'index.html'
}
}
我通过访问:PUSHSTATE WITH WEBPACK-DEV-SERVER找到了这个。
发布于 2017-02-09 18:20:26
对我来说就像这样
devServer: {
contentBase: "./src",
hot: true,
port: 3000,
historyApiFallback: true
},
开发riot应用程序
发布于 2015-08-11 16:00:20
如果你选择使用webpack-dev-server
,你不应该使用它来为你的整个React应用提供服务。您应该使用它来提供bundle.js
文件以及静态依赖项。在本例中,您必须启动两台服务器,一台用于Node.js入口点,实际上将处理路由并为其提供服务,另一台用于包和静态资源。
如果你真的想要一个单一的服务器,你必须停止使用webpack-dev-server
,并开始在你的应用服务器中使用webpack-dev-middleware。它将“即时”处理包(我认为它支持缓存和热模块替换),并确保您对bundle.js
的调用始终是最新的。
https://stackoverflow.com/questions/31945763
复制相似问题