Request not responding, Why an OPTIONS method is sent before my request ?

I’ve been having a problem i don’t really have using jQuery Ajax methods, when i use axios, my request sends one Request Method:OPTIONS in it’s header and doesn’t respond (neither GET nor POST request).

With jQuery the same endpoint works fine, but with axios it keeps telling me :

Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.

though i didn’t sent any Access-Control-Allow-Headers with my request. I even tried :

axios.defaults.headers.common['Access-Control-Request-Headers'] = null
axios.defaults.headers.common['Access-Control-Request-Method'] = null

any ideas ? bug ? normal ?

[nickuraltsev]

axios uses the application/json format by default, while jQuery uses application/x-www-form-urlencoded. Cross site requests in the former format are always preflighted, while cross site requests in the latter format may be not preflighted. Please see this for details.

Hope this helps!

[SamVerschueren]

Have a look at CORS and more specifically to the pre-flighted requests.

Basically the OPTIONS request is used to check if you are allowed to perform the GET request from that domain and what headers can be used for that request. This is not axios specific.