electron 升级后，无法携带cookie的问题

最近给项目的electron版本进行了升级，发现升级之后的登录之后的cookie，浏览器内核不会携带到服务端，导致后续接口校验失败。要知道这个问题产生的原因，首先要了解cookie的SameSite属性。

cookie的SameSite属性：

Cookie的SameSite属性用来限制第三方 Cookie，从而减少安全风险。它可以设置三个值：

Strict

Strict最为严格，完全禁止第三方 Cookie，跨站点时，任何情况下都不会发送 Cookie。换言之，只有当前网页的 URL 与请求目标一致，才会带上 Cookie。 Set-Cookie: CookieName=CookieValue; SameSite=Strict; 这个规则过于严格，可能造成非常不好的用户体验。比如，当前网页有一个 GitHub 链接，用户点击跳转就不会带有 GitHub 的 Cookie，跳转过去总是未登陆状态。

Lax

Lax规则稍稍放宽，大多数情况也是不发送第三方 Cookie，但是导航到目标网址的 Get 请求除外。 Set-Cookie: CookieName=CookieValue; SameSite=Lax; 设置了Strict或Lax以后，基本就杜绝了 CSRF 攻击。当然，前提是用户浏览器支持 SameSite 属性。

None

网站可以选择显式关闭SameSite属性，将其设为None。不过，前提是必须同时设置Secure属性（Cookie 只能通过 HTTPS 协议发送），否则无效。 Set-Cookie: widget_session=abc123; SameSite=None; Secure

问题产生原因：

谷歌浏览器升级之后，出于安全考虑，cookie的SameSite属性默认值由None变为Lax，对于跨域的请求，禁止携带cookie。electron内核是chromium内核,所以也会有这个限制。

解决方案：

基于上述原因，主要有两个解决方案，两个方案的本质其实都是将cookie的SameSite属性设置成None；

第一种方案是服务端设置:

我们可以在nginx对应的location请求拦截中改变cookie属性，操作示例如下：

location /api {  
  proxy_pass http://**api/**/api;  
  proxy_set_header X-Real-IP $remote_addr;  
  proxy_set_header X-Scheme $scheme;  
  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;  
  proxy_set_header Host $http_host;  
  #proxy_cookie_path /***/api /api;  
  # 解决谷歌浏览器升级后cookie跨域丢失问题  
  proxy_cookie_path /***/api "/api; httponly; SameSite=None";Secure
 }

第二种方案是客户端本地设置(推荐)：

elctron 提供了一个可以设置cookie的方法，代码示例如下：

useCookie.js

const { app, session } = require('electron');

/**
 * electron15 后，跨域cookie无法携带，
 * 以下为解决办法
 */
function useCookie() {
    app.whenReady().then(() => {
        const filter = { urls: ['https://*/*'] };
        session.defaultSession.webRequest.onHeadersReceived(filter, (details, callback) => {
            if (details.responseHeaders && details.responseHeaders['Set-Cookie']) {
                for (let i = 0; i < details.responseHeaders['Set-Cookie'].length; i++) {
                    details.responseHeaders['Set-Cookie'][i] += ';SameSite=None;Secure';
                }
            }
            callback({ responseHeaders: details.responseHeaders });
        });
    });
}

module.exports = {
    useCookie,
};

main.js

const { useCookie } = require('./useCookie');
useCookie();

结论：

两个方案都是通过设置cookie的SameSite属性默认值来实现，但是该方法在http请求中依然无法解决问题。请求http，无论如何设置，都无法携带cookie，目前还未找到解决方案。求各路大佬给点思路！！！！！