reactjs - 启用单页应用程序 react 热重载 webpack

Question

我在使用 React 路由器和 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 均已设置且相等。

希望这有帮助!