Angular：如何修复 SameSite Cookie 问题答案

【问题标题】：Angular: How to fix SameSite Cookie issueAngular：如何修复 SameSite Cookie 问题
【发布时间】：2020-11-01 13:37:47
【问题描述】：

我的应用程序在 dev-server 上。它适用于除移动设备中的 Facebook 应用程序浏览器之外的所有平台，尽管它适用于 chrome 移动浏览器。

我浪费了这么多小时，然后我发现了这个关于SameSite Cookie 的警告：

我已经阅读了来自https://web.dev/samesite-cookies-explained/的说明

我的项目由Angular 运行。我不知道我是否必须将set-cookie 设置为理想的 Cookie 或请求/响应标头。

我已经尝试过像https://angular.io/guide/http#adding-headers 这样的请求标头。而且我不知道如何在响应标头中set-cookie。

我也不知道有什么其他选择。

【问题讨论】：

标签： angular cookies header http-headers setcookie

【解决方案1】：

在 web.config 中你可以添加 SameSite 属性。

<configuration>
    <system.webServer>
     <httpProtocol>
         <customHeaders>
            <add name="X-Content-Type-Options" value="nosniff" />
            <add name="SameSite" value="lax" />
         </customHeaders>
      </httpProtocol>
    </system.webServer>
</configuration>

【讨论】：