nginx proxy_reverse 未将 cookie 从上游服务器设置到客户端浏览器

如何解决nginx proxy_reverse 未将 cookie 从上游服务器设置到客户端浏览器

我有一个 expressjs 服务器来验证来自内置于 svelte 的前端应用程序的登录请求。 前端应用在 frontenddomain.com 上运行，而 expressjs 服务器在 backenddomain.com 上运行

这是我的登录后路由，用于验证和设置 cookie：

app.post('/login',(req,res)=>{
   
   // check db,find the user,write a jwt token and put it in a cookie to send it to the 
   //   browser
                    res.cookie("accesstoken",accessToken) 
                    res.cookie("refreshtoken",refreshtoken)
                    res.send(...)
                  }

此服务器代码部署到 ubuntu 服务器，Nginx 作为 proxy_reverse 运行，这是我的 nginx 块配置：

server {        
    ... 
    
    location / {
        proxy_pass http://localhost:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;

        
        proxy_cookie_domain localhost .frontenddomain.com;
        proxy_cookie_domain ~^(.+)(Domain=frontenddomain.com)(.+)$ "$1 
        Domain=.frontenddomain.com $3";
    }  
    
}
   
server {
    listen 80;
    listen [::]:80;
        server_name backenddomain.com www.backenddomain.com;
        root /var/www/backenddomain.com;
        index index.html;
        location / {
        try_files $uri $uri/ /index.html;
    }
}

当我使用本地机器运行服务器和 svelte 应用程序（前端应用程序）时，一切正常（客户提供凭据，cookie 被发送到客户端浏览器，在检查谷歌开发工具时，我确认 cookie 已在客户端的浏览器）

当我将 expressjs 服务器部署到 ubuntu (20.04) 并使用 pm2 运行我的服务器时，它确实启动并且我可以查看我的所有 console.log。我的前台应用程序运行，然后我转到我的登录页面，输入凭据并单击提交，应用程序让我登录（因为凭据正确并且用户在前台应用程序 localstorage 上设置为 true）但浏览器中没有设置 COOKIES。>

我阅读了 nginx 文档，我阅读了来自不同站点的关于如何设置 Nginx proxy_reverse cookie 域的材料和帖子，但无法解决问题（问题是 cookie 未在浏览器中设置，服务器发布了它们）但是我的代理服务器不会将它们传递给浏览器。

这些关于 proxy_reverse 和 cookie 的问题出现了，发帖人回来了，对他们自己的问题发表了含糊的回答，没有其他答案。似乎没有足够的技术人员了解这个问题。

我的位置代码有 proxy_cookie_domain localhost .frontenddomain.com;

如何设置 nginx proxy_reverse 以将设置的 cookie 传递给从上游服务器传递的浏览器？

解决方法

所以它与 nginx 块配置无关，而是与 cookie 设置有关。要使跨站点 cookie 起作用，必须使用 sameSite : none（或严格）和安全标志进行设置。确保您的后端和前端必须使用域（截至撰写本文时，最新草案中不允许使用 ip）

您还需要使用 ssl 保护前端和后端域 (https)。

你在 nginx 上的 ufw 需要允许 https。

Cookie 设置：

res.cookie("name","value",{ sameSite: "none",secure : true })

在更新服务器和您的 nginx conf 站点后重新启动您的 nginx-available 它应该可以工作。