我的Next.js是14.1.0，我使用的是App Router.
async function Page() {
const dataPromise: Promise<any> = getData();
const data = await dataPromise;
console.log('data: ', data);
return (
....
);
}
getData是一个简单的函数，我向Django rest API发出请求.如果cookie中有令牌，则可以向受保护的服务发出请求.
当我在客户端发出同样的请求时，响应是200(OK)，因为我有一个令牌.然而，当我在服务器端发出请求时，我得到一个401(未经授权)错误.
我猜当我发出请求时，服务器端看不到我的令牌.我该如何解决这个问题？如何使用令牌进行服务器端提取？
当您从浏览器发出获取页面的请求时，会发送您的Cookie.您可以使用Next.js的cookies()函数获取令牌并将其传递给getData，在其中设置Authorization头:
import { cookies } from "next/headers";
export default async function Page() {
const cookieStore = cookies();
const accessToken = cookieStore.get("access_token");
const data = await getData(accessToken);
return "....";
}
您在 comments 中使用的Cookies.get('access_token')，我猜是使用browser APIs，而不是查看HTTP头.