Nextjs服务端中存入cookie 全站使用然后跳转getServerSideProps

最新推荐文章于 2025-02-15 03:32:05 发布

lllomh

最新推荐文章于 2025-02-15 03:32:05 发布

阅读量394

点赞数 1

分类专栏： # SSR # React 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/lllomh/article/details/134374525

版权

React 同时被 2 个专栏收录

29 篇文章

订阅专栏

SSR

22 篇文章

订阅专栏

"react": "^18",

"next": "13.5.4",

import { parse, serialize } from 'cookie';

export async function getServerSideProps(context:GetServerSidePropsContext) {
    const cookies = parse(context.req.headers.cookie || '');
    const authState = cookies['U_S'] || 0;

    const {query} = context;
    const {obj} = query;


    // const objString = JSON.stringify(obj);
    if (obj && typeof obj === 'string') {
        context.res.setHeader('Set-Cookie', [
            serialize('U_S', obj, {path: '/', maxAge: 30 * 24 * 60 * 60}),
            serialize('U_TOKEN', JSON.parse(obj).token, {path: '/', maxAge: 30 * 24 * 60 * 60}),
        ]);

        // 返回重定向到 /index 的信息
        return {
            redirect: {
                destination: '/',
                permanent: false,
            },
        };
    }


    try {
        const {get, post} = useRequest();
        const postData = {};
        const result = await post<{ code: string; data: any }>(P_PRODUCT_CATEGORY, postData);

        if (result.data.code === '00000') {
            const data = result.data.data;
            return {
                props: {
                    authStates: authState,
                    data,
                },
            };
        }
    } catch (error) {
        console.error('Error making POST request:', error);
    }

    return {
        props: {
            authStates: authState,
            data: [],
        },
    };
}