fetch gives an empty response body

by

I just ran into this. As mentioned in this answer, using mode: "no-cors" will give you an opaque response, which doesn’t seem to return data in the body.

opaque: Response for “no-cors” request to cross-origin resource.
Severely restricted.

In my case I was using Express. After I installed cors for Express and configured it and removed mode: "no-cors", I was returned a promise. The response data will be in the promise, e.g.

fetch('http://example.com/api/node', {
  // mode: 'no-cors',
  method: 'GET',
  headers: {
    Accept: 'application/json',
  },
},
).then(response => {
  if (response.ok) {
    response.json().then(json => {
      console.log(json);
    });
  }
});

More Related Contents:

  1. Fetch: POST JSON data
  2. Handle response – SyntaxError: Unexpected end of input when using mode: ‘no-cors’
  3. How do I upload a file with the JS fetch API?
  4. How can I download a file using window.fetch?
  5. What limitations apply to opaque responses?
  6. How can I fetch an array of URLs with Promise.all?
  7. Fetch API request timeout?
  8. Fetch: reject promise and catch the error if status is not OK?
  9. Internal API fetch with getServerSideProps? (Next.js)
  10. What is difference between Axios and Fetch?
  11. JavaScript, make a POST with JSON data with fetch()
  12. try..catch not catching async/await errors
  13. React useEffect causing: Can’t perform a React state update on an unmounted component
  14. Chrome – Fetch API cannot load file. How to workaround?
  15. How to use FormData in react-native?
  16. Using JavaScript Axios/Fetch. Can you disable browser cache?
  17. redux fetch body is not use with no cors mode
  18. fetch() does not send headers?
  19. How to handle HTTP code 4xx responses in fetch api
  20. Basic authentication with fetch?
  21. Relative paths with fetch in Javascript
  22. How do I download a file from FastAPI backend using Fetch API in the frontend?
  23. React cannot read property map of undefined
  24. UseEffect being called multiple times
  25. How to get the filename from a file downloaded using Javascript Fetch API?
  26. How to post image with fetch?
  27. React-native upload image to amazons s3
  28. FastAPI returns “Error 422: Unprocessable entity” when I send multipart form data with JavaScript Fetch API
  29. Cannot Upload File to FastAPI backend using JavaScript Fetch API in the frontend
  30. How do I download a file from FastAPI backend using JavaScript Fetch API in the frontend?

Leave a Comment