NextJS AppRouter를 사용하여 서버 측에서 /api/auth/me를 얻는 방법
P粉883223328
2023-08-15 13:04:07
<p>nextjs와 함께 앱 라우터를 사용하고 싶은데 문제가 발생했습니다. 내 애플리케이션이 작동하려면 /api/auth/me를 호출하여 사용자를 반환해야 하며, 로그인하지 않은 경우 null을 호출해야 합니다. 이렇게 하려면 axios의 api.get("/api/auth/me")에 있는 localStorage에서 얻은 전달자 토큰과 함께 인증 헤더를 포함해야 합니다. Google 광고를 표시하려면 내 앱이 필요하기 때문에 서버 측에서 이 작업을 수행하고 싶습니다. 어떻게 해야 하나요? </p>
<p>내 레이아웃.tsx는 다음과 같습니다</p>
<pre class="brush:php;toolbar:false;">가져오기 "./globals.css";
"다음"에서 유형 { 메타데이터 } 가져오기;
"next/font/google"에서 { Inter }를 가져옵니다.
"../comComponents/Sidebar"에서 사이드바를 가져옵니다.
const inter = Inter({ 하위 집합: ["latin"] });
const 메타데이터 내보내기: 메타데이터 = {
title: "다음 앱 만들기",
설명: "다음 앱을 생성하여 생성됨",
};
기본 함수 RootLayout 내보내기({
어린이들,
}: {
어린이: React.ReactNode;
}) {
반품 (
<html lang="da" className="h-full bg-gray-100">
<body className="h-full bg-gray-100">
<사이드바 />
{어린이들}
</body>
</html>
);
}</pre>
<p><br /></p>
서버 측에서는 로컬 저장소에 접근할 수 없습니다. 그러나 귀하는 쿠키를 사용할 수 있습니다. 보안상의 이유로 http 전용 쿠키를 설정하시기 바랍니다. 따라서 http 전용 쿠키를 설정하려면 인증 후 POST 요청을 해야 합니다.