Response text is always empty event when repose exist

Question

1. I am fetching the PDF via URL, and want to check does that URL will return the document successfully.

2. Sending a request via fetch()

3. Get a response.text()

4. Want to check does text exist

5. Text is always empty

Cannot figure out why?

response.text() always returns empty text, even when PDF document exist in response.

  const handleOpenPDF = (url: any) => {
    fetch(url, {
      method: 'GET',
      mode: 'no-cors',
    })
      .then(res => res.text())
      .then(text => {
    enter code here
        // TEXT is always empty event when response is good
        console.warn('text', text);

        window.open(url, '_blank');
      })
      .catch(err => {
        console.warn('Error', err);
      });
  };

Answer 1

Note that res => res.text() means read the body as a string. So it is good idea to use response.json() before you access to response. something like this:

const handleOpenPDF = (url: any) => {
    fetch(url, {
      method: 'GET',
      mode: 'no-cors',
    })
      .then(res => res.json())
      .then(text => {
        console.warn('text', text);

        window.open(url, '_blank');
      })
      .catch(err => {
        console.warn('Error', err);
      });
  };

Also see this answer.