node.js - Cookies not sent in server request of Angular SSR (v18) - Stack Overflow

admin管理员组

文章数量:1291048

I'm here because I'm frustrated and stuck. I have tried different possible solutions but I can't find my mistake... I'm using native server side rendering of angular (not Angular Material). The problem is in the server side requests, these are sent without cookies, so when the user refreshes the app, the first api call is received without user data (it can be tested here: )

I'm using SsrCookieService ([email protected]), but it doesn't seem to work

I have added REQUEST & RESPONSE in server.ts providers:

providers: [
    provide: APP_BASE_HREF, useValue: baseUrl },
    provide: 'REQUEST', useValue: req },
    provide: 'RESPONSE', useValue: res },
]

And this is part of my app.config.ts file:

export const appConfig: ApplicationConfig = {
  providers: [
    SsrCookieService, ...
  ]
}

I think the error may be one of the following:

1. The cookie is httpOnly and secure, and it can be used by Javascript (I can't believe this, because... How do you identify user from Server side api calls then? No localStorage, no cookies...)
2. I need to do something else to configure ngx-cookie-service to work correctly
3. I have deployed both environments (backend and frontend) in the same VPS server, but the api calls routes aren't using localhost, I'm pointing /... So it does not work because this?
4. I have to configure something else in the nginx file

I have tried everything I found but there is not much information, not even in the official Angular documentation.

I'm here because I'm frustrated and stuck. I have tried different possible solutions but I can't find my mistake... I'm using native server side rendering of angular (not Angular Material). The problem is in the server side requests, these are sent without cookies, so when the user refreshes the app, the first api call is received without user data (it can be tested here: https://diecasttracker/basic-cars)

I'm using SsrCookieService ([email protected]), but it doesn't seem to work

I have added REQUEST & RESPONSE in server.ts providers:

providers: [
    provide: APP_BASE_HREF, useValue: baseUrl },
    provide: 'REQUEST', useValue: req },
    provide: 'RESPONSE', useValue: res },
]

And this is part of my app.config.ts file:

export const appConfig: ApplicationConfig = {
  providers: [
    SsrCookieService, ...
  ]
}

I think the error may be one of the following:

1. The cookie is httpOnly and secure, and it can be used by Javascript (I can't believe this, because... How do you identify user from Server side api calls then? No localStorage, no cookies...)
2. I need to do something else to configure ngx-cookie-service to work correctly
3. I have deployed both environments (backend and frontend) in the same VPS server, but the api calls routes aren't using localhost, I'm pointing https://api.diecasttracker/api/... So it does not work because this?
4. I have to configure something else in the nginx file

I have tried everything I found but there is not much information, not even in the official Angular documentation.

• node.js
• angular
• cookies
• server-side-rendering

Share Improve this question Follow asked Feb 13 at 15:04 Ruben GarciaRuben Garcia 111 bronze badge 0

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

can you try cookie-parser package. I've already use this package for angular 17 SSR web application.It's more similar with localstorage.follow below steps for use.

1. install package using npm :

npm i cookie-parser

2. import CookieService from package.

import { CookieService } from 'ngx-cookie-service';

3. initialize it in constructor

constructor(private cookieservice: CookieService){}

4. now you can use this service for get and set a data same as localstorage.

// set method to set data 
this.cookiservice.set('userName', 'Utsav Sheta');

// get method to get data
this.cookiservice.get('userName')

本文标签： nodejsCookies not sent in server request of Angular SSR (v18)Stack Overflow