启用单页应用程序反应热重载webpack

Question

我在使用带有webpackdevserver的react路由器设置单页反应应用程序时遇到了一些问题.如果我使用browserhistory webpack在输入嵌套路由url时会遇到一些问题(例如/ client/view).这可以通过添加apiFallback来解决,但热重载仍然有问题.它尝试从不存在的深层URL(/client/view/hot-update.json)加载hot-update.json文件,因此失败并重新加载页面.如何告诉hotreload始终从基本URL(/)加载hot-update.json？

Answer 1

publicPath我在使用除 以外的其他选项时遇到了类似的问题''，我通过在选项中添加代理条目来解决这个问题devServer：

devServer: {
  // ... rest of options
  proxy: {
    '/myPublicPath/*': {
      target: 'http://localhost:8080/',
      pathRewrite: { '^/myPublicPath': '' },
  }
}

除此之外，请确保output.publicPath和都已devServer.publicPath设置且相等。

希望这可以帮助！