首页 > 解决方案 > Angular:如何修复 SameSite Cookie 问题

问题描述

我的应用程序在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在响应标头中。

我也不知道任何其他选择。

标签: angularcookiesheaderhttp-headerssetcookie

解决方案


在 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>

推荐阅读