On Http Post request HttpClient X-XSRF-Token are not setting in an Angular 6

import {HttpClientModule, HttpClientXsrfModule} from "@angular/common/http";

imports: [
    ...
    HttpClientModule,
    HttpClientXsrfModule.withOptions({
      cookieName: 'XSRF-TOKEN',
      headerName: 'X-CSRF-TOKEN'
    })
  ],
...

import {HttpClient, HttpClientModule, HttpClientXsrfModule} from "@angular/common/http";

constructor(private _http:HttpClient) { }

  addUser(info){
    return this._http.post(this.apiURL, info, {
      headers:  { 'Content-Type': 'application/x-www-form-urlencoded' },
      withCredentials: true,
      responseType: "arraybuffer",
    }
 }

The default interceptor created behind the scene by HttpClientXsrfModule does not seem to handle absolute urls…

So I’ve changed the apiURL = “http://localhost/simple_api/insert.php”; TO apiURL = “//localhost/simple_api/insert.php”;

Working Fine. But unable var_dump or print the headers attached in the PHP script. But I’m getting the form data submitted successfully.

[nishanth6]

@benlesh @manekinekko

Click Here

Here is my complete code. As I’m new to run this code

From the usr.service.ts it was consoling all the headers after posting the data Headers should be posted or printed with XSRF Token on the console. But it’s not going to happen?

I have a screen Shot of console Click

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}