Angular 8 ngx-cookie 2.4在FireFox中无法读取Cookie问题

我之前也碰到过类似的Firefox Cookie读取异常，结合你的场景和现有配置，给你几个针对性的排查和解决方向：

1. 补全Cookie的关键属性配置 #

你的WebAPI代码里没有指定Path和HttpOnly属性，这可能是Firefox读取失败的核心原因：

• Path属性：默认情况下Cookie的路径是当前请求的路径，如果WebAPI的接口路径和Angular应用的根路径不一致（比如WebAPI在/api下），Angular在根路径下就无法读取到这个Cookie。
• HttpOnly属性：虽然默认是false，但显式声明可以避免Firefox的隐式处理差异。

修改后的WebAPI代码：

CookieOptions cookieOptions = new CookieOptions() { 
    Secure = true, 
    Expires = DateTime.Now.AddMinutes(tokenExpirationTimeout), 
    IsEssential = true, 
    SameSite = SameSiteMode.Strict,
    HttpOnly = false, // 必须设置为false，否则JS无法读取
    Path = "/" // 让Cookie在整个站点范围内可访问
};

2. 绕过ngx-cookie-service，用原生方式读取Cookie #

部分Firefox版本和ngx-cookie-service v2.4存在兼容性问题，你可以尝试直接通过Angular注入的DOCUMENT对象读取Cookie，排除库的影响：

import { Component, OnInit, Inject } from '@angular/core';
import { DOCUMENT } from '@angular/common';
import { Router } from '@angular/router';
import { StoreService } from 'your-store-service-path';

@Component({
  // 组件配置
})
export class YourComponent implements OnInit {
  constructor(
    @Inject(DOCUMENT) private document: Document,
    private router: Router,
    private StoreService: StoreService
  ) {}

  ngOnInit() { 
    setTimeout( () => { 
        const authToken = this.getCookie("AuthToken");
        const userName = this.getCookie("userName");
        if (!authToken || authToken.length == 0) { 
            console.error("Authentication token not received"); 
            this.router.navigate(["auth-failed"]); 
            return;
        } 
        this.StoreService.setUserName(userName); 
        this.router.navigate(["archive"]); 
    }, 5000); 
  }

  // 原生Cookie读取方法
  private getCookie(name: string): string | null {
    const cookieStr = `; ${this.document.cookie}`;
    const cookieSegments = cookieStr.split(`; ${name}=`);
    if (cookieSegments.length === 2) {
      return cookieSegments.pop()?.split(';').shift() || null;
    }
    return null;
  }
}

3. 调整SameSite属性为Lax测试 #

Firefox对SameSite=Strict的校验逻辑比Chrome更严格，即使是同站点跳转场景，也可能被拦截。你可以临时将SameSite改为SameSiteMode.Lax，验证是否能解决问题：

SameSite = SameSiteMode.Lax

4. 检查Firefox的隐私设置细节 #

即使你禁用了增强安全保护，仍需确认以下设置：

• 打开about:preferences#privacy，确保“Cookie和网站数据”设置为允许所有Cookie
• 检查当前站点是否被加入到“阻止Cookie的网站”列表中
• 关闭“跟踪保护”功能（临时测试用，确认是否是跟踪规则影响）

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