Описание проблемы

Я сталкиваюсь с проблемой, когда токен cookie моего приложения Next.js не сохраняется в продуктивной среде на Vercel. Приложение работает нормально в среде разработки, но после развертывания токен cookie устанавливается, а затем исчезает через несколько секунд. Я хотел бы понять, почему это происходит и как это исправить.

Структура проекта:

• web (корень)
  • src/middleware.ts
  • src/app/api/auth/call-back/route.ts
  • next.config.js

Детали

Когда приложение запускается в первый раз, cookie (redirectTo) устанавливается и корректно сохраняется. Вот соответствующая часть кода:

Код – web/src/middleware.ts:

import { NextRequest, NextResponse } from 'next/server';

const signInURL = `https://github.com/login/oauth/authorize?client_id=${process.env.NEXT_PUBLIC_GITHUB_CLIENT_ID}`;

export function middleware(request: NextRequest) {
  const token = request.cookies.get('token')?.value;

  if (!token) {
    return NextResponse.redirect(signInURL, {
      headers: {
        'Set-Cookie': `redirectTo=${request.url}; Path=/; HttpOnly; max-age=20;`,
      },
    });
  }

  return NextResponse.next();
}

export const config = {
  matcher: '/memories/:path*',
};

После возврата с кодом OAuth GitHub токен правильно устанавливается на стороне сервера, но почти сразу исчезает в продуктивной среде.

Код – src/app/api/auth/call-back/route.ts:

import { api } from '@/lib/api';
import { NextRequest, NextResponse } from 'next/server';

export async function GET(request: NextRequest) {
  const { searchParams } = new URL(request.url);
  const code = searchParams.get('code');
  const redirectTo = request.cookies.get('redirectTo')?.value;

  try {
    const registerResponse = await api.post('/register', {
      code,
    });

    const { token } = registerResponse.data;

    if (!token) {
      return new NextResponse('Токен не найден', { status: 400 });
    }

    const redirectURL = redirectTo ?? new URL("https://stackoverflow.com/", request.url);
    const cookieExpiresInSeconds = 60 * 60 * 24 * 30; // 30 дней

    return NextResponse.redirect(redirectURL, {
      headers: {
        'Set-Cookie': `token=${token}; Path=/; max-age=${cookieExpiresInSeconds}`,
      },
    });
  } catch (error) {
    console.error('Ошибка регистрации токена:', error);
    return new NextResponse('Не удалось зарегистрировать токен', { status: 500 });
  }
}

Код – next.config.js:

/** @type {import('next').NextConfig} */
const nextConfig = {
  images: {
    domains: ['avatars.githubusercontent.com', 'localhost', 'https://mydomain.vercel.app/'],
  },
  async headers() {
    return [
      {
        source: "/api/:path*",
        headers: [
          { key: "Access-Control-Allow-Origin", value: "*" },
          { key: "Access-Control-Allow-Methods", value: "GET,OPTIONS,PATCH,DELETE,POST,PUT" },
        ],
      },
    ];
  },
};

module.exports = nextConfig;

Дополнительная информация

• Эта проблема возникает только в продуктивной среде на Vercel.
• Версия Next.js: 13.4

Что я пробовал:

• Установка Secure, HttpOnly и SameSite=None
• Настройка значений SameSite (None, Strict, Lax)

Кто-нибудь сталкивался с этой проблемой ранее? Любые подсказки о том, почему токен cookie исчезает так быстро и как решить эту проблему, были бы очень ценны.