Why does it return text/html instead of application/json?

Question

Angular

I am sending a request like this:

const headers = new HttpHeaders({
      'Content-Type': 'application/json',
      Authorization: 'Bearer 3e5cac39-7e38-4139-8fd6-30adc06a61bd',
    });

    const body = {
      notifyUrl: 'https://your.eshop.com/notify',
      customerIp: '127.0.0.1',
      merchantPosId: '145227',
      description: 'RTV market',
      currencyCode: 'PLN',
      totalAmount: '21000',
      buyer: {
        email: '[email protected]',
        phone: '654111654',
        firstName: 'John',
        lastName: 'Doe',
        language: 'pl',
      },
      products: [
        {
          name: 'Wireless Mouse for Laptop',
          unitPrice: '15000',
          quantity: '1',
        },
        {
          name: 'HDMI cable',
          unitPrice: '6000',
          quantity: '1',
        },
      ],
    };

    return this.http
      .post('https://secure.payu.com/api/v2_1/orders', body, {
        headers: headers,
      })
      .subscribe((res) => {
        console.log(res);
      });

But in the console I get an error


Although I expect to get something like this json:

{  
   "status":{  
      "statusCode":"SUCCESS",
   },
   "redirectUri":"{payment_summary_redirection_url}",
   "orderId":"WZHF5FFDRJ140731GUEST000P01",
   "extOrderId":"{YOUR_EXT_ORDER_ID}",
}

If console.log is replaced with console.warn, then you can see HTML code that JSON.parse() cannot process.
What have I done wrong?

UPD
The link I need is returned to the url from the screen, but for some reason, instead of trying to parse the JSON response, it takes redirectURL and parses the page

Answer 1

Try adding HTTP header
Accept: application/json

Answer 2

This is a question to the server why it returns html. Understand networking.