Cara menggunakan NextJS AppRouter untuk mendapatkan /api/auth/me pada bahagian pelayan
P粉883223328
2023-08-15 13:04:07
<p>Saya mahu menggunakan penghala apl dengan nextjs, dan saya menghadapi masalah. Untuk membolehkan aplikasi saya berfungsi, saya perlu memanggil /api/auth/me untuk mengembalikan pengguna, atau batal jika tidak log masuk. Untuk melakukan ini, saya perlu memasukkan pengepala kebenaran dengan token pembawa yang diperoleh daripada localStorage dalam api.get("/api/auth/me") dalam axios. Saya mahu melakukan ini di bahagian pelayan kerana saya memerlukan apl saya untuk memaparkan iklan Google. Bagaimana saya boleh melakukan ini? </p>
<p>Susun atur saya.tsx kelihatan seperti ini</p>
<pre class="brush:php;toolbar:false;">import "./globals.css";
jenis import { Metadata } daripada "seterusnya";
import { Inter } daripada "next/font/google";
import Sidebar daripada "../components/Sidebar";
const inter = Inter({ subset: ["latin"] });
eksport metadata const: Metadata = {
tajuk: "Buat Apl Seterusnya",
perihalan: "Dihasilkan dengan mencipta apl seterusnya",
};
eksport fungsi lalai RootLayout({
kanak-kanak,
}: {
kanak-kanak: React.ReactNode;
}) {
kembali (
<html lang="da" className="h-full bg-gray-100">
<body className="h-full bg-gray-100">
<Bar sisi />
{anak-anak}
</badan>
</html>
);
}</pre>
<p><br /></p>
Anda tidak boleh mengakses storan tempatan dari sisi pelayan. Walau bagaimanapun, anda boleh menggunakan kuki. Atas sebab keselamatan, sila tetapkan kuki http sahaja. Oleh itu, anda perlu membuat permintaan POST selepas pengesahan untuk menetapkan kuki http sahaja.