Why is a GET request converted to OPTIONS in axios?

Question

AJAX

The essence is as follows, there is an api on the server, an application on vue and a method that sends a request:

getCartInfo({cartToken} = {}) {
    return axios.get(`${apiURL}/order/cart`, {
      headers: {
        'cartToken': cartToken
      }
    })
  }

The URL and token enter the method validly, I checked the console with a log.
The request is converted to OPTIONS and the headers that I wrote for some reason was not assigned, and the 'cartToken' key in lower case went to Access-Control-Request-Headers.


Well, accordingly, without the necessary header, the request returns 404.
I checked everything in postman, the API works without problems, but it’s a real disaster at the front.

Answer 1

https://developer.mozilla.org/en/docs/Web/HTTP/CORS