cURL command to Axios request with json data

Question

I've got this cURL request working perfectly on remote interface just as it should

curl -XGET "https://server.host:8080/peregrine" -d '{"exchanges":["kucoin", "kraken"],"volume":10}' -k

I'm trying to build a little frontend app with Vue.js and need the above converted to an Axios get request. I've been trying the following so far:

axios({
      method: 'get',
      url: 'https://server.host/peregrine',
      data: {"exchanges":["kucoin", "kraken"],"volume":10}
    });

putting params instead of data makes it a URL and remote server says that it received no data.

What am I doing wrong? Thanks.

Answer 1

Likely the problem could be that using GET you cannot pass data like you are doing. You have to pass them as query parameter. Try to change your call with:

axios.get('https://server.host/peregrine', {
    params: {"exchanges":["kucoin", "kraken"],"volume":10}
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  })
  .then(function () {
    // always executed
  });  

Answer 2

GET requests should not have request bodies.

CURL will allow you to make a GET request with one, but XMLHttpRequest and fetch (the HTTP APIs in browsers which axios wraps) will not.

Make a POST request instead. You might need to change the server-side code to support this.