Access to XMLHttpRequest at ‘…’ from origin ‘localhost:3000’ has been blocked by CORS policy

by

if you are building your rest api in nodejs. Follow the folowing simple steps

Stop the Node.js server.

npm install cors --save

Add following lines to your server.js or index.js

var cors = require('cors')

app.use(cors()) // Use this after the variable declaration

Now try to make your api call on the client side and it should work

More Related Contents:

  1. Why doesn’t adding CORS headers to an OPTIONS route allow browsers to access my API?
  2. No ‘Access-Control-Allow-Origin’ – Node / Apache Port Issue
  3. How to enable cross-origin resource sharing (CORS) in the express.js framework on node.js
  4. Allow CORS REST request to a Express/Node.js application on Heroku
  5. How do you send images to node js with Axios?
  6. ‘Access-Control-Allow-Origin’ issue when API call made from React (Isomorphic app)
  7. How to organise file structure of backend and frontend in MERN
  8. React Proxy error: Could not proxy request /api/ from localhost:3000 to http://localhost:8000 (ECONNREFUSED)
  9. Getting express server to accept CORS request
  10. CORS-enabled server not denying requests
  11. How to get GET (query string) variables in Express.js on Node.js?
  12. req.body empty on posts
  13. How to enable cors nodejs with express?
  14. How to access the GET parameters after “?” in Express?
  15. Express.js – app.listen vs server.listen
  16. Render a variable as HTML in EJS
  17. How to use a variable as a field name in mongodb-native findOne()?
  18. Axios having CORS issue
  19. How to implement a secure REST API with node.js
  20. Mongoose .find() method causes requests to hang
  21. Node.js with Express: how to redirect a POST request
  22. Express JS use async function on requests
  23. HTML to PDF with Node.js
  24. Hooking up express.js with Angular CLI in dev environment
  25. How to specify HTTP error code using Express.js?
  26. Express routes parameter conditions
  27. res.redirect from POST
  28. Angular 9 SSR 404 Not Found Page with Status code
  29. Why can’t we do multiple response.send in Express.js?
  30. Node.js: how to limit the HTTP request size and upload file size?

Leave a Comment