Error when accessing API with fetch while setting mode to ‘no-cors’ [duplicate]

by

If an opaque response serves your needs

It doesn’t. You want to see the response. You can’t see an opaque response (that is what opaque response means).

no-cors mode means that if the browser has to do anything that requires permission from CORS, it will fail silently instead of throwing an error.

So it is silently failing to get the response, then trying to parse that nothing as JSON (which throws a different error).

You need:

  • To not use no-cors mode
  • The server to grant permission using CORS

See this question for more information about CORS in general.

More Related Contents:

  1. No ‘Access-Control-Allow-Origin’ header is present on the requested resource—when trying to get data from a REST API
  2. Trying to use fetch and pass in mode: no-cors
  3. Handle response – SyntaxError: Unexpected end of input when using mode: ‘no-cors’
  4. 5xx or 4xx error with “No ‘Access-Control-Allow-Origin’ header is present”
  5. What limitations apply to opaque responses?
  6. fetch() unexpected end of input
  7. fetch() does not send headers?
  8. Cannot load Deezer API resources from localhost with the Fetch API
  9. Unable to fetch POST without no-cors in header
  10. Empty body in fetch POST request
  11. Slack incoming webhook: Request header field Content-type is not allowed by Access-Control-Allow-Headers in preflight response
  12. “Cross origin requests are only supported for HTTP.” error when loading a local file
  13. CORS Error: “requests are only supported for protocol schemes: http…” etc
  14. React Native fetch() Network Request Failed
  15. Cross-Origin Read Blocking (CORB)
  16. How do I post form data with fetch api?
  17. fetch resolves even if 404?
  18. How do CORS and Access-Control-Allow-Headers work?
  19. POST Request with Fetch API?
  20. Is CORS a secure way to do cross-domain AJAX requests?
  21. ‘Access-Control-Allow-Origin’ issue when API call made from React (Isomorphic app)
  22. Javascript – No ‘Access-Control-Allow-Origin’ header is present on the requested resource
  23. CORS cookie credentials from mobile WebView loaded locally with file://
  24. CORS not working on Chrome
  25. Javascript module not working in browser?
  26. Hide 401 console.error in chrome dev tools getting 401 on fetch() call [duplicate]
  27. fetch retry request (on failure)
  28. How to get the filename from a file downloaded using Javascript Fetch API?
  29. FastAPI returns “Error 422: Unprocessable entity” when I send multipart form data with JavaScript Fetch API
  30. Cannot Upload File to FastAPI backend using JavaScript Fetch API in the frontend

Leave a Comment