next.js 由于域url不匹配，未设置cookie

sqyvllje 于 11个月前发布在其他

关注(0)|答案(1)|浏览(109)

我在vercel上托管了laravel后端和Next.js前端。他们的链接是这样的：

frontend.vercel.app
backend.vercel.app

前端请求Cookie，但无法设置。如果我悬停在图片右侧的错误图标上，它会说：“通过Set-Cookie头设置Cookie的尝试被阻止，因为其域属性对于当前主机URL无效”
Picture of request headers
这是我的后端环境：

SESSION_DOMAIN=.vercel.app
SANCTUM_STATEFUL_DOMAINS=frontend.vercel.app
SESSION_SAME_SITE=none
SESSION_SECURE_COOKIE=true
SESSION_HTTP_ONLY=true

我试过SESSION_DOMAIN=*.vercel.app，它也不工作。
我可以使用.vercel.app作为会话域吗？或者还有什么不对的地方？

编辑：

Blog about: Can I Set a Cookie from My Vercel Project Subdomain to Vercel.app?我认为这说明. vercel.app不能用作cookie域。在我的情况下，frontend.vercel.app也不作为cookie域工作。那么，有没有一种方法可以在我的前端和后端之间使用Set-Cookie共享Cookie，或者你建议我尝试？

next.js

来源：https://stackoverflow.com/questions/77291237/cookies-are-not-being-set-because-domain-url-is-not-matching

1条答案

按热度按时间

aamkag611#

您遇到的错误与跨域Cookie设置和Cookie中的SameSite属性有关。当前端（frontend.vercel.app）向后端（www.example.com）发出请求backend.vercel.app，您实际上是在处理跨域请求。为了让cookie在此设置中工作，您需要在Laravel后端设置一些特定的配置。
以下是如何配置Laravel后端以与Vercel上托管的Next.js前端一起工作：

**CORS配置：**请确保您的Laravel后端配置为允许来自前端域的跨域请求。您可以使用barryvdh/laravel-cors包或Laravel内置的CORS支持来设置这些规则。

在您的CORS配置中，允许来自frontend.vercel.app的请求：

'paths' => ['api/*', 'sanctum/csrf-cookie'],
'allowed_origins' => ['https://frontend.vercel.app'],
'supports_credentials' => true,
Session Configuration:

您的SESSION_DOMAIN应该设置为frontend.vercel.app，因为它是您的前端的域，请求来自该域。
在开发时将SESSION_SECURE_COOKIE设置为false以允许通过HTTP的cookie，在应用程序使用HTTPS时将其设置为true以用于生产。
SESSION_SESSION_SITE可以设置为“none”以允许跨站点Cookie。
SESSION_HTTP_ONLY应设置为true，以确保只能通过HTTP访问cookie。
请确保清除Laravel应用程序缓存或重新启动服务器以应用这些更改。

Vercel配置：

确保您的Vercel部署具有正确的前端应用程序设置：
在您的Vercel设置中，将Cookie的“SameSite”属性的“安全性”设置为“允许”。
确保您的前端应用程序使用HTTPS。
测试：在测试前清除浏览器中的Cookie和缓存，以确保旧的Cookie设置不会干扰。
有了这些配置，你的Laravel后端应该能够设置和读取来自Vercel上Next.js前端的请求的cookie。确保您的更改正确部署到Laravel后端和Vercel托管的前端，以便这些配置生效。
我实现了这一点前一段时间，它的工作，我用Laravel 5.6版本

赞(0）回复(0）举报 11个月前

我来回答

next.js 由于域url不匹配，未设置cookie

编辑：

1条答案

相关问题

热门标签

最新问答