Using axios instance with "baseURL" results in faulty requests

Question

I'm trying to create a wrapper for axios, so I can always use the same configuration.

The following works as expected:

function getAxiosInstance() {
  const config = {
    timeout: 3000,
    headers: {
      'Content-Type': 'application/json',
    },
  };
  return axios.create(config);
}

getAxiosInstance().get('/foo');

However, just adding baseURL: 'http://localhost:8080/api/' to the configuration (i.e. config) results in two weird requests: The first without any request method and the second one has a method of type OPTIONS.

I tried omitting the domain and port (/api/) which surprisingly worked, but that's not what I'm trying to achieve.

I'm using the latest version of axios (0.21.0) although I tried with an earlier one as well.

This is normal behaviour for browsers. It is a CORS issue

Manos Kounelakis
– Manos Kounelakis

2020-11-18 17:29:37 +00:00
Commented Nov 18, 2020 at 17:29 — Manos Kounelakis
– Manos Kounelakis, Commented Nov 18, 2020 at 17:29
Install a CORS extension from your browser extension store

theWellHopeErr
– theWellHopeErr

2020-11-18 17:30:12 +00:00
Commented Nov 18, 2020 at 17:30 — theWellHopeErr
– theWellHopeErr, Commented Nov 18, 2020 at 17:30
That was indeed the issue. Thanks a lot! @ManosKounelakis

GalAbra
– GalAbra

2020-11-19 07:23:06 +00:00
Commented Nov 19, 2020 at 7:23 — GalAbra
– GalAbra, Commented Nov 19, 2020 at 7:23
Sure no problem !!!

Manos Kounelakis
– Manos Kounelakis

2020-11-19 08:03:08 +00:00
Commented Nov 19, 2020 at 8:03 — Manos Kounelakis
– Manos Kounelakis, Commented Nov 19, 2020 at 8:03

GalAbra · Accepted Answer · 2020-11-19 07:22:35Z

1

The issue was indeed a (vaguely indicated) CORS config I had to change on the backend.

answered Nov 19, 2020 at 7:22

GalAbra

5,1585 gold badges25 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using axios instance with "baseURL" results in faulty requests

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related