Tengo un hipervínculo llamando a una API expresa de nodo en heroku. La API establece una cookie de sesión y redirige la URL de una aplicación de una sola página (frontend). La API de backend se encuentra en un dominio diferente al de la interfaz de la aplicación.

Esto funciona bien con

• Computadora de escritorio Chrome 92
• Firefox 91 de escritorio
• Safari en IOS
• Opera en IOS

Pero la cookie no está configurada

• cromo para iOS
• Firefox en iOS

Chrome IOS y Firefox IOS solo harán la redirección si muevo el backend y el frontend en el mismo dominio. Esto no debería ser un requisito ya que la cookie está configurada con Secure , HttpOnly y SameSite=None . Sospecho que el atributo SameSite no está configurado correctamente o está predeterminado en Lax . He probado algunas soluciones para navegadores antiguos pero sin éxito.

Uso el siguiente código para configurar la cookie en Node en mi backend:

 res.cookie('session', { // some data }, { secure: true, httpOnly: true, sameSite: 'None', maxAge: 24 * 60 * 60 * 1000, // 24 hours signed: true }) res.redirect(302, myRedirectUrl);

Express está configurado de la siguiente manera:

 // Enable CORS app.use(cors({ credentials: true, // Must be true for cookies to work. origin: true // Required if 'credentials' is true. })); // Initialize cookie parser used for session cookie. app.use(cookieParser(process.env.COOKIE_PARSER_SECRET))

Una vez que el backend se ha redirigido, obtengo la API del frontend con HttpClient, que está configurado como se muestra a continuación. No se pasan cokkies con las solicitudes.

 this.http = new HttpClient(); this.http.configure(config => { config.withBaseUrl(this.apiUrl) .withDefaults({ headers: { 'Pragma': 'no-cache', 'Cache-Control': 'no-cache' }, credentials: 'include' }) .rejectErrorResponses() });