如何在Angular2端读取C#服务器设置的Cookie？

首先明确：你这段C#代码设置的refreshToken Cookie开启了HttpOnly = true，前端（包括Angular）完全无法直接读取这类Cookie——这是浏览器的安全限制，专门用来防止XSS攻击窃取敏感Cookie数据，所有JS API（包括原生document.cookie、Angular第三方库）都无法访问带HttpOnly标记的Cookie。

可行的解决方案 #

如果你的业务需要基于这个refreshToken实现令牌刷新逻辑，正确的做法是：

• 后端提供一个刷新令牌的接口，前端发起请求时，浏览器会自动把这个HttpOnly的refreshToken Cookie携带到后端（只要符合同域/跨域Cookie规则），后端验证Cookie中的令牌后，返回新的访问令牌给前端，全程前端不需要直接操作这个refreshToken。

不推荐的方案（存在安全风险） #

如果非要让前端拿到这个Cookie值，只能修改后端代码，把HttpOnly = true改成HttpOnly = false，但这会让Cookie暴露在XSS攻击风险下，对于令牌这类敏感数据，强烈不建议这么做。

补充：读取非HttpOnly Cookie的方法（针对普通场景） #

如果以后遇到没有HttpOnly标记的Cookie，在Angular里可以这样处理：

• 用原生JS的document.cookie手动解析，比如写个工具函数提取指定名称的Cookie值；
• 使用第三方库比如ngx-cookie-service，简化Cookie的读写操作（需先安装依赖并导入模块）。

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