React Redux跨浏览器及标签页Actions共享问题排查咨询

根据你提到的仓库代码，我梳理了几个最可能的原因：

1. Redux状态持久化用了LocalStorage且浏览器开启了数据同步 #

这个项目依赖redux-persist来持久化Redux状态，默认存储引擎是LocalStorage。LocalStorage本身是浏览器本地存储，但如果你在不同浏览器中登录了同一个账号（比如Chrome和Opera共用同一个Google账号，Firefox用同一火狐账号），并且开启了浏览器数据同步功能，LocalStorage里的Redux状态数据会被同步到所有登录该账号的浏览器实例中。

当你在一个浏览器触发Actions修改状态时，redux-persist会把新状态写入LocalStorage，同步机制会把这个数据同步到其他浏览器，其他浏览器的redux-persist又会把同步过来的LocalStorage数据重新加载到Redux store里，看起来就像Actions在浏览器间共享了。

你可以检查浏览器的同步设置：

• Chrome：设置 > 同步和Google服务 > 管理同步
• Firefox：设置 > 同步 > 选择同步的数据类型
• Opera：设置 > 同步

如果关闭LocalStorage相关的同步选项，这个问题应该会消失。

2. 第三方工具导致的跨浏览器数据同步（少见但可能） #

虽然不同浏览器的Cookie和本地存储默认是隔离的，但如果你的系统上安装了第三方工具（比如某些跨浏览器同步插件、系统级数据同步软件），可能会强制同步不同浏览器的本地存储或Cookie数据，导致会话状态被共享。

你可以尝试在隐私模式下打开各浏览器测试：隐私模式下浏览器不会加载同步数据，也不会保留会话数据，如果隐私模式下问题消失，就说明是同步机制导致的。

快速验证方法 #

• 暂时关闭所有浏览器的同步功能，然后在不同浏览器操作项目，看是否还会共享Actions
• 修改redux-persist的存储引擎为sessionStorage（sessionStorage仅在当前浏览器会话有效，不会跨浏览器或跨标签页持久化），修改方式如下：

  // 在src/store.js中替换storage导入
  import storageSession from 'redux-persist/lib/storage/session';
  
  const persistConfig = {
    key: 'root',
    storage: storageSession, // 改用sessionStorage
  };
  

  重新启动项目后测试，应该不会再出现跨浏览器共享的问题。

内容的提问来源于stack exchange，提问作者serj