Access Control Origin Header error using Axios

If your backend support CORS, you probably need to add to your request this header:

headers: {"Access-Control-Allow-Origin": "*"}

[Update] Access-Control-Allow-Origin is a response header – so in order to enable CORS – you need to add this header to the response from your server.

But for the most cases better solution would be configuring the reverse proxy, so that your server would be able to redirect requests from the frontend to backend, without enabling CORS.

You can find documentation about CORS mechanism here: https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

Related Posts:

  1. Axios Delete request with body and headers?
  2. Invariant Violation: Objects are not valid as a React child
  3. Invariant Violation: Objects are not valid as a React child
  4. “SyntaxError: Unexpected token < in JSON at position 0"
  5. What is Virtual DOM?
  6. How to use Redirect in the new react-router-dom of Reactjs
  7. React – uncaught TypeError: Cannot read property ‘setState’ of undefined
  8. Understanding unique keys for array children in React.js
  9. Difference between npx and npm?
  10. How to set header and options in axios?
  11. Reactjs – Form input validation
  12. TypeScript React.FC confusion
  13. Error Running React Native App From Terminal (iOS)
  14. Loop inside React JSX
  15. Can’t resolve module (not found) in React.js
  16. How to implement navbar using react
  17. Loop inside React JSX
  18. how to render a react component using ReactDOM Render
  19. React this.setState is not a function
  20. Console logging for react?
  21. Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag
  22. ‘react-scripts’ is not recognized as an internal or external command
  23. After $npm install, Getting Error: Cannot find module ‘../lib/utils/unsupported.js’
  24. React Native: this.setState is not a function
  25. React: trigger onChange if input value is changing by state?
  26. In reactJS, how to copy text to clipboard?
  27. SyntaxError: Adjacent JSX elements must be wrapped in an enclosing tag
  28. You should not use Route or withRouter() outside a Router when using react-router 4 and styled-component in react
  29. React-Router only one child
  30. What does the className attribute mean in JSX?
  31. What is prevState in ReactJS? [duplicate]
  32. React with ES7: Uncaught TypeError: Cannot read property ‘state’ of undefined
  33. React Hook Warnings for async function in useEffect: useEffect function must return a cleanup function or nothing
  34. Setting a backgroundImage With React Inline Styles
  35. React – TypeError: Cannot read property ‘props’ of undefined
  36. What is the difference between state and props in React?
  37. How to pass props to {this.props.children}
  38. OnChange event using React JS for drop down
  39. ESLint Parsing error: Unexpected token
  40. React Context vs React Redux, when should I use each one?
  41. Setting onSubmit in React.js
  42. How to import image (.svg, .png ) in a React Component
  43. Uncaught TypeError: Cannot read property ‘props’ of null
  44. ReactJS: setTimeout() not working?
  45. React Uncaught Error: Target container is not a DOM element [duplicate]
  46. How to refresh a Page using react-route Link
  47. React Error: Target Container is not a DOM Element
  48. How to implement authenticated routes in React Router 4?
  49. React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
  50. How to handle the `onKeyPress` event in ReactJS?
  51. setInterval in a React app
  52. Cannot read property ‘bind’ of undefined. React.js
  53. How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
  54. Failed to compile. Module not found: Can’t resolve ‘react-router-dom’
  55. ReactJS: setTimeout() not working?
  56. What does “export default” do in JSX?
  57. How to add multiple classes to a ReactJS Component?
  58. Make Axios send cookies in its requests automatically
  59. Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
  60. Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode
  61. React.js – Can’t read property of undefined
  62. module.exports “Module is not defined”
  63. how to download file in react js
  64. Trying to use fetch and pass in mode: no-cors
  65. React’s setState method with prevState argument
  66. onEnter not called in React-Router
  67. Pass react component as props
  68. Uncaught TypeError: Cannot read property ‘call’ of undefined at __webpack_require__
  69. Objects are not valid as a React child. If you meant to render a collection of children, use an array instead
  70. How to clear react-native cache?
  71. Async/await in componentDidMount to load in correct order
  72. Local package.json exists, but node_modules missing
  73. react router v^4.0.0 Uncaught TypeError: Cannot read property ‘location’ of undefined
  74. Can’t perform a React state update on an unmounted component
  75. how to use react require syntax?
  76. onClick not working React js
  77. This.props.dispatch not a function – React-Redux
  78. React-Router : What is the purpose of IndexRoute?
  79. How to add a keyboard listener to my onClick handler?
  80. How to add a keyboard listener to my onClick handler?
  81. React router not showing browser history
  82. e.target.value on an input field ReactJs, how does it work?
  83. command not found: jest
  84. ReactJS – .JS vs .JSX
  85. ReactJS: Maximum update depth exceeded error
  86. React, Uncaught ReferenceError: ReactDOM is not defined
  87. How to allow CORS in react.js?
  88. Invariant Violation: _registerComponent(…): Target container is not a DOM element
  89. Uncaught ReferenceError: React is not defined
  90. What do these three dots in React do?
  91. Expected ‘this’ to be used by class method
  92. How to disable button in React.js
  93. What does “export default” do in JSX?
  94. Update style of a component onScroll in React.js
  95. where is create-react-app webpack config and files?
  96. Correct modification of state arrays in React.js
  97. JSX not allowed in files with extension ‘ .js’ with eslint-config-airbnb
  98. “React.Children.only expected to receive a single React element child” error when putting and in a
  99. Getting “Cannot call a class as a function” in my React Project
  100. Await is a reserved word error inside async function

Leave a Comment