How to send an Axios cross-domain request?

Question

CORS

Sending a request

const config = {
  withCredentials: true,
};

const get = (url, options = {}) => axios.get(`${API_URL}/${url}`, { ...options, ...config });;

I get an error

Access to XMLHttpRequest at '<API domain>' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

How to fix?

Answer 1

You need to add headers on the server:

'Access-Control-Allow-Origin': '*' // * или ваш домен
'Access-Control-Allow-Methods': 'GET, PUT, POST, DELETE'
'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept'

If you are not going to set cookies from the server, then you do not need to pass the withCredentials property.