How to overcome the CORS issue in ReactJS

by

the simplest way what I found from a tutorial of “TraversyMedia” is that
just use https://cors-anywhere.herokuapp.com in ‘axios’ or ‘fetch’ api

https://cors-anywhere.herokuapp.com/{type_your_url_here}

e.g.

axios.get(`https://cors-anywhere.herokuapp.com/https://www.api.com/`)

and in your case edit url as 

url: 'https://cors-anywhere.herokuapp.com/https://www.api.com',

More Related Contents:

  1. ‘Access-Control-Allow-Origin’ issue when API call made from React (Isomorphic app)
  2. Programmatically Navigate using react-router
  3. Trying to use fetch and pass in mode: no-cors
  4. Handle response – SyntaxError: Unexpected end of input when using mode: ‘no-cors’
  5. React Context vs React Redux, when should I use each one? [closed]
  6. How do I set multipart in axios with react?
  7. How do I test axios in Jest?
  8. How to update single value inside specific array item in redux
  9. How do you send images to node js with Axios?
  10. Why use Redux over Facebook Flux? [closed]
  11. Understanding React-Redux and mapStateToProps()
  12. How do I access store state in React Redux?
  13. Getting an error “A non-serializable value was detected in the state” when using redux toolkit – but NOT with normal redux
  14. Read Store’s Initial State in Redux Reducer
  15. How to sync Redux state and url hash tag params
  16. TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received type undefined raised when starting react app
  17. Changing the layout of a component depending on Redux state
  18. Cannot update a component while rendering a different component warning
  19. Axios – DELETE Request With Request Body and Headers?
  20. Pros/cons of using redux-saga with ES6 generators vs redux-thunk with ES2017 async/await
  21. Programmatically change Redux-Form Field value
  22. Mock inner axios.create()
  23. Update single value in item array | react redux
  24. Redux Presentational Components Vs Container Component
  25. How can I dispatch function in redux?
  26. minimise the code since I am using the same code only the content in p tags changes and component AccordionHeader header changes
  27. Could not find “store” in either the context or props of “Connect(App)”
  28. FastAPI is not returning cookies to React frontend
  29. How to download a file using ReactJS with Axios in the frontend and FastAPI in the backend?
  30. How to get simple dispatch from this.props using connect w/ Redux?

Leave a Comment