首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何告知webpack开发服务器为任意路由提供index.html服务

如何告知webpack开发服务器为任意路由提供index.html服务
EN

Stack Overflow用户
提问于 2015-08-11 23:19:43
回答 5查看 97.2K关注 0票数 183

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,并发送我的反应应用程序。请。

EN

回答 5

Stack Overflow用户

发布于 2015-12-07 09:19:09

我找到了包含一个小配置的最简单的解决方案:

代码语言:javascript
复制
  devServer: {
    port: 3000,
    historyApiFallback: {
      index: 'index.html'
    }
  }

我通过访问:PUSHSTATE WITH WEBPACK-DEV-SERVER找到了这个。

票数 197
EN

Stack Overflow用户

发布于 2017-02-10 02:20:26

对我来说就像这样

代码语言:javascript
复制
devServer: {
    contentBase: "./src",
    hot: true,
    port: 3000,
    historyApiFallback: true

},

开发riot应用程序

票数 18
EN

Stack Overflow用户

发布于 2015-08-12 00:00:20

如果你选择使用webpack-dev-server,你不应该使用它来为你的整个React应用提供服务。您应该使用它来提供bundle.js文件以及静态依赖项。在本例中,您必须启动两台服务器,一台用于Node.js入口点,实际上将处理路由并为其提供服务,另一台用于包和静态资源。

如果你真的想要一个单一的服务器,你必须停止使用webpack-dev-server,并开始在你的应用服务器中使用webpack-dev-middleware。它将“即时”处理包(我认为它支持缓存和热模块替换),并确保您对bundle.js的调用始终是最新的。

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31945763

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档