Origin is not allowed by Access-Control-Allow-Origin

by

Since they are running on different ports, they are different JavaScript origin. It doesn’t matter that they are on the same machine/hostname.

You need to enable CORS on the server (localhost:8080). Check out this site: http://enable-cors.org/

All you need to do is add an HTTP header to the server:

Access-Control-Allow-Origin: http://localhost:3000

Or, for simplicity:

Access-Control-Allow-Origin: *

Thought don’t use “*” if your server is trying to set cookie and you use withCredentials = true

when responding to a credentialed request, server must specify a domain, and cannot use wild carding.

You can read more about withCredentials here

More Related Contents:

  1. jQuery XML error ‘ No ‘Access-Control-Allow-Origin’ header is present on the requested resource.’
  2. 5xx or 4xx error with “No ‘Access-Control-Allow-Origin’ header is present”
  3. Why am I seeing an “origin is not allowed by Access-Control-Allow-Origin” error here? [duplicate]
  4. No ‘Access-Control-Allow-Origin’ header is present on the requested resource error
  5. How to enable cors nodejs with express?
  6. Disable same origin policy in Chrome
  7. Cross-Origin Read Blocking (CORB)
  8. Chrome refuses to execute an AJAX script due to wrong MIME type
  9. Why am I seeing an “origin is not allowed by Access-Control-Allow-Origin” error here? [duplicate]
  10. Why does the preflight OPTIONS request of an authenticated CORS request work in Chrome but not Firefox?
  11. AngularJS POST Fails: Response for preflight has invalid HTTP status code 404
  12. Basic Ajax send/receive with node.js
  13. Is CORS a secure way to do cross-domain AJAX requests?
  14. ‘Access-Control-Allow-Origin’ issue when API call made from React (Isomorphic app)
  15. Cannot access cssRules from local css file in Chrome 64
  16. Javascript – No ‘Access-Control-Allow-Origin’ header is present on the requested resource
  17. How to pass a function in Puppeteers .evaluate() method?
  18. CORS cookie credentials from mobile WebView loaded locally with file://
  19. CORS not working on Chrome
  20. Force Cache-Control: no-cache in Chrome via XMLHttpRequest on F5 reload
  21. Is it possible for XHR HEAD requests to not follow redirects (301 302)
  22. Using ‘let’ as a variable name is not throwing any errors in google v8
  23. Cross-Origin XMLHttpRequest in chrome extensions
  24. how to use jQuery ajax calls with node.js
  25. Accessing line number in V8 JavaScript (Chrome & Node.js)
  26. Microsoft Edge blocked cross-domain requests sent to IPs in same private network CIDR
  27. socket.io, ‘Access-Control-Allow-Origin’ error
  28. XMLHttpRequest: Network Error 0x80070005, Access is denied on Microsoft Edge (but not IE)
  29. CORS error with jquery
  30. XMLHttpRequest; Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource [duplicate]

Leave a Comment