25
4
I've an application with Laravel as backend and NextJs 13 (app router) as frontend. I'm using Sanctum in laravel for login and when the user is logged laravel send 2 cookies, one is httpOnly and another is a client cookie as we can see in the image
我有一个应用程序，后台是Laravel，前端是NextJs13(应用程序路由器)。我正在使用Sancum in laravel进行登录，当用户登录时，laravel发送两个Cookie，一个是HttpOnly，另一个是客户端Cookie，如我们在图像中所见
In NextJs is working as expected when I call the endpoints to Laravel because I'm using Axios and I set withCredentials where the cookies is sent automatically in each request.
在NextJs中，当我将端点调用到Laravel时，它按预期工作，因为我使用Axios，并且我设置了withCredentials，在每个请求中自动发送cookie。
Axios:
Axios：
个人中心
文章发布
退出function createHttpClient(baseURL) {
return axios.create({
baseURL,
withCredentials: true,
headers: {
'Content-type': 'application/json'
}
})
}
and the request has both cookies:
并且该请求有两个Cookie：
The problem I have is in NextJs with server side rendering, I have a page where in this case I need to get the data as static site generation
我遇到的问题是在服务器端呈现的NextJs中，我有一个页面，在这种情况下，我需要在静态站点生成时获取数据
export default async function Page() {
const response = await CategoryService.getAll();
const categories = response.data.data;
return (
<CategoryView categories={categories} />
)
}
the problem here is that the cookies are not sent, so the response is Unauthorize
这里的问题是没有发送Cookie，因此响应是未经授权的
response: {
status: 401,
statusText: 'Unauthorized',
headers: AxiosHeaders {
server: 'nginx/1.21.6',
'content-type': 'application/json',
'transfer-encoding': 'chunked',
connection: 'close',
'x-powered-by': 'PHP/8.1.2',
'cache-control': 'no-cache, private',
date: 'Sat, 09 Sep 2023 13:21:49 GMT',
'access-control-allow-origin': 'http://localhost:3000',
'access-control-allow-methods': 'GET, POST, PUT, DELETE, OPTIONS',
'access-control-allow-headers': 'Origin, Content-Type, Accept, Authorization, X-Request-With, lang',
'access-control-allow-credentials': 'true',
'set-cookie': [Array]
},
I don't know how to add the cookies in server side rendering in next
我不知道如何在Next的服务器端渲染中添加Cookie
That's the normal behaviour. Your cookies is set in browser. Remember, Next.js SSR is happening on server. Server doesn't have access to your browser cookies automatically. What you need to do is manually pass the cookie to your axios from header
这是正常的行为。您的Cookie已在浏览器中设置。请记住，Next.js SSR正在服务器上进行。服务器无法自动访问您的浏览器Cookie。您需要做的是手动将cookie从Header传递给您的axios
import { cookies } from 'next/headers';
Then in your function you can get do cookies().get(KEY_NAME) & add to axios
然后在您的函数中可以获取do cookies().get(Key_Name)&添加到axios
25
4
0
我在使用 Jade 和 express 时遇到了一些问题。这是 serder 端: router.get('/login', function (req, res) { res.status(2
是否可以使用 JavaScript 服务器端，从而在某些核心计算中不会显示在页面源代码中？ 我正在开发一款游戏，代码的一个关键部分只需要在服务器端计算然后传回客户端。 我的整个游戏都是用 Javasc
我正在寻找有关如何使用 ExtJS 4 实现安全页面的信息。我所说的安全页面是指用户将使用 Siteminder (SSO) 登录我们的网站，因此我们将拥有用户的身份。然后我们将通过进行数据库/LDA
我的 Centos 7 服务器正在运行 apache 2.4.6，并且正在使用 mod_wsgi 提供 django webapp。我的问题是我无法从另一台计算机的浏览器访问服务器 url。我没有从
我们收到了客户的请求，要求我们基于 ExtJS 框架构建 Web 应用程序。我查看了互联网，发现 ExtJs 只是一个客户端 javascript 控件，但我认为 Web 应用程序也必须具有服务器端
我有三个组件。 组件一包含组件二和三。 组件二是一个列表。 组件三用于向数据库添加项目。 当我将一个项目保存到数据库时，我想更新组件二中的列表。 我怎么做？ 最佳答案 设想 让我们假设:
欢迎， 我正在寻找能使我以尽可能高的格式下载youtube视频的youtube api。 几年前，这项工作更为简单，因为url拥有关于质量的信息，例如“fmt = 22”或“fmt = 6”，我们现在
我想将电子邮件 x@x.com 的用户密码设置为“an”。但代码不起作用。这是我的云代码: Parse.Cloud.define('testSetPasswordForUser', functio
正在阅读http://cocoawithlove.com/2010/03/streaming-mp3aac-audio-again.html这篇文章，想知道如何在服务器端实现它，是否像将文件放在htd
我有一个使用一些 css/javascript 选项卡的 php 脚本，它们在我的本地服务器上运行，但当我上传到我的在线服务器时则不起作用。 只是想知道是否有人知道为什么会出现这种情况？所有路径都
是否可以从 JavaScript 脚本获取服务器端页面的源代码？我希望能够获取服务器上同一文件夹中的页面的源代码。除了javascript之外，是否可以不使用任何其他东西？ 最佳答案 如果您想从 ja
.NET 4.0 我正在寻找在我们的服务器上生成Word文档的最简单方法。 局限性: 服务器端 我不想在服务器上安装word 数据源是XML 我试图用XSLT生成快速简单的DOCX，但是我可以找到的用
我正在使用 native jQuery 验证库来验证在联系表单中输入的电子邮件地址。由于这是一个表达式引擎站点，因此我使用其电子邮件验证器作为服务器端备份。 当我输入 test@b.c 时，jQuer
我使用带有服务器端处理的数据表来显示数万行。我需要通过复选框过滤这些数据。我能够制作一个工作正常的复选框，但我不知道如何添加多个复选框以协同工作。我找到了 similar solution在这里，但我
我正在尝试编写一个消息传递应用程序，并且我能够发送消息(显示为服务器客户端正确显示消息)但随后将我的客户端踢出服务器。服务器打印以下错误: java.io.EOFException at java.i
如果设备是移动设备，如何防止侧边栏加载服务器端资源？我了解如何通过 CSS 隐藏，但我更感兴趣的是防止对服务器的调用。 最佳答案 WordPress有一个名为wp_is_mobile()的函数它将检查
我有一个返回 text/event-stream 数据的网址，因此我尝试连接并打印我找到的所有内容: var url = "..." var source = new EventSource(url)
我得到这样的错误列表:{ error: [ "Email is required", "First Name is required"] } 我需要如何修改它，以获取包含字段名称的列表？ public
我正在尝试使用 ASIFormDataRequest 将数据发送到 ASP.net 服务器端。我创建了一个aspx页面。目前我可以得到这两个纯文本。但是我不知道如何通过 Request.Form 在
我在 ${host}/api/graphql 有一个可通过 POST 访问的快速 graphql 端点。 在那条路线上，我有身份验证中间件，如果用户未登录，我想重定向到登录页面。 看起来有点像这样。
我是一名优秀的程序员,十分优秀！