Angular application and Drupal services I am creating an Angular application using headless Drupal. I am using Drupal services module for web services.

I am trying to implement login mechanism in this app. Login is working fine but to handle authenticated requests, it is necessary to use "Cookie" header in each service call.

My app doesn't allow to use cookie header. In my browser console it says as

"Cookie unsafe header is not allowed". Is there any other way to fix this?
I have similar setup where i use drupal as back-end and connect to services with Angular app (Ionic App) and i am describing the sequence below; however, you need to consider the below reference if you are doing cross domain
https://stackoverflow.com/questions/35007572/angular2-xhrfields-withcredentials-true/
And you have to setup CORS (This is my config for reference)
API/*||POST,GET|Content-Type,x-csrf-token,Authorization|true

Login to your drupal service
End Point: /user/login
Payload:{&quot;username&quot;:&quot;username&quot;,&quot;password&quot;:&quot;userpass&quot;}
Content-Type: application/json
Method:Post
Result: User information &amp; Token


Request


Get the Token and use it in subsequent requests by setting the header to X-CSRF-Token
End Point: /node/100
Payload:Empty
Content-Type: application/json
Method:Get
Result: Node information


Request With X-CSRF-Token header


Logout from drupal service (Token must be set as well)
End Point: /user/logout
Payload:Empty
Content-Type: application/json
Method:Post
Result: [true]