使用Redux OIDC时Firefox自动登出的原因排查

听起来你遇到的是Firefox和Chromium系浏览器（Chrome/Edge）在Cookie、跨域存储处理上的差异导致的自动登出问题，下面是几个最可能的原因和对应的解决办法：

1. 检查Identity Server 4的Cookie SameSite配置 #

Firefox对Cookie的SameSite属性执行更严格的默认规则，尤其是当你的React应用和Identity Server运行在不同的localhost端口时（这在浏览器中属于跨域上下文）。

• 如果你用的是Identity Server 4，在Startup.cs的Cookie配置里，确保把SameSite设置为SameSiteMode.None，同时开启Secure属性——不过注意本地开发用HTTP的话，Secure Cookie不会被浏览器保存，这时候你需要在Firefox里临时关闭这个限制：
  • 打开about:config
  • 搜索network.cookie.sameSite.noneRequiresSecure，设置为false
• 生产环境一定要用HTTPS，保持Secure=true和SameSite=None的组合。

2. 禁用Firefox的第三方Cookie阻止 #

默认情况下，Firefox可能会阻止跨域的第三方Cookie（比如你的Identity Server运行在localhost:5000，React在localhost:3000，Identity Server的Cookie对React来说就是第三方），这会导致oidc-client-js无法获取刷新token，从而在access token过期后自动登出。

• 临时测试：打开Firefox设置 → 隐私与安全 → Cookie和网站数据 → 选择“允许所有Cookie”，然后重新测试。
• 长期解决：在Identity Server的配置里，把Cookie的IsEssential设为true，或者在Firefox里给你的localhost域名添加例外。

3. 调整oidc-client-js的存储和刷新配置 #

oidc-client-js默认用sessionStorage存储用户信息，但Firefox在某些跨域场景下对sessionStorage的访问有限制。你可以尝试：

• 把oidc-client-js的userStore改成WebStorageStateStore并指定用localStorage：

  const userManager = new UserManager({
    // 其他配置...
    userStore: new WebStorageStateStore({ store: window.localStorage })
  });
  

• 确保automaticSilentRenew设置为true，并且silent_redirect_uri是正确的，而且这个页面在Firefox里可以正常加载（没有CSP或其他阻止规则）。

4. 验证token刷新流程是否正常 #

打开Firefox的开发者工具（F12）→ 网络面板，过滤XHR请求，看看当access token快要过期时，是否有/connect/token的静默刷新请求：

• 如果这个请求失败，查看响应错误信息，通常是Cookie没带上，或者跨域权限问题。
• 检查silent_redirect_uri页面是否有正确的CSP设置，允许加载Identity Server的相关资源或iframe（Firefox对iframe的跨域限制更严格）。

5. 尝试切换localhost访问方式 #

有时候Firefox对localhost和127.0.0.1的处理不同，试试把Identity Server和React应用的地址都改成127.0.0.1而非localhost，看看是否能解决问题。

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