my post request get response as https but does not return to a new page (javascript)

Question

I'm send a post request and I get the response like this

" [Symbol(Response internals)]: { url: 'https://login.somenewloginpage'}"

and what I want to do is I want to open a new page via that url but it does not direct to the new page.

const login= () => async () => {

  const api = `somePostRequest`

  fetch(api, {
    method: 'post',
    headers: {
      'Content-Type': 'application/x-www-form-url-encoded',
      Accept: 'application/json',
    },
  })
    .then(function(res) {
      return res  //maybe I should do something in this part...
    })
    .then(data => console.log(data));
};

Answer 1

Here's how to use fetch() with async/await syntax :

const login= () => async () => {

  const api = `somePostRequest`;

  const response = await fetch(api, {
    method: 'post',
    headers: {
      'Content-Type': 'application/x-www-form-url-encoded',
      Accept: 'application/json',
    },
  });

  const data = await response.json(); // { url: 'https://login.somenewloginpage'}

  window.location.replace(data.url); // <-- Redirection
};