在 React js 中与 webpack 捆绑后刷新或 Direct Url 不起作用？答案

【问题标题】：Refresh or Direct Url not working after bundle with webpack in react js?在 React js 中与 webpack 捆绑后刷新或 Direct Url 不起作用？
【发布时间】：2018-07-02 04:59:25
【问题描述】：

我遇到了一个问题，即带有浏览器历史记录的 react js 应用程序只能正常运行。但是在使用 webpack 构建之后，我遇到了刷新或粘贴相关 url 的问题。如果我使用哈希历史而不是浏览器历史，它会很好地工作。我使用了几种方法，但我只遇到问题

大多说这是tomcat服务器的问题，不是webpack的问题；如果有人知道解决此问题，请给出有效答案。

注意：我不想使用哈希历史，这对于 url 来说很丑

【问题讨论】：

标签： reactjs .htaccess webpack routing react-router

【解决方案1】：

只有在您的后端服务器支持您的应用程序的路由时，您才应该使用浏览器历史记录。

如果您在完全客户端的应用程序上使用 webpack-dev-server（或任何其他），您应该使用 hash history

如果您使用的是 react-router v4，它们都可以通过 BrowserRouter 和 HashRouter 组件访问。

【讨论】：

谢谢@lokuzt。它是一个已知的。即使在客户端 webpack-build 之后，我也希望浏览器历史记录可以刷新，有什么选择吗？
@PraveenKumarS 你必须运行一些服务器节点或任何将每条路由重定向到你生成的 html 文件的东西。
是的，你是对的，但路由不是问题。仅通过 url 刷新或页面重定向不适用于这种情况？
@PraveenKumarS 我知道。因为 webpack-dev-server 没有路由。要使实际的浏览器路由正常工作，您的服务器必须进行正确的路由处理。
谢谢@lokuzt。我们现在有什么样的解决方案？