如何在 Jhipster 反应项目中不同步浏览器选项卡之间的状态

Question

我猜大概是react-redux，但我不是很熟悉

我使用 ehcache 和 h2 数据库生成了一个 Monolithic jhipster-react 项目用于开发。 当我 运行 它与 ./mvnw 然后 npm start 并尝试在 localhost:9000 中打开两个浏览器 tabs/windows 时，滚动和整个页面和操作通常会同步，而不是允许我在不同的页面上做不同的事情。

我知道redux是用来保存session的logged in状态的吧？ 有没有办法只保留那个并且不同步滚动和路由等？

Answer 1

这是因为 browser-sync 在开发中使用。如果您在 java 后端端口（默认为 8080）上打开选项卡，那么在产品和开发中都不应该出现此问题。您还可以在 webpack/webpack.dev.js.

中禁用浏览器同步

Answer 2

您可以将其添加到您的 webpack 配置中：

        ghostMode: {
            clicks: false,
            location: false,
            forms: false,
            scroll: false
        }