Correct array in url in Axios

Question

so I have started using Axios recently to create my first project. When I am trying to fetch data from the API, as default (i think) axios give me an URL like:

 /search?health[]=alcohol-free&health[]=celery-free&nutrient[]=calcium&nutrient[]=carbs

But the API (Edamam API) require:

/search?health=alcohol-free&health=celery-free&nutrients%5BCA%5D=100-&nutrients%5BFAT%5D=100

my parameters :

const params = {
    ...other,
    health:  ["alcohol-free", "celery-free"],
    nutrient: {
       CA: "100-200",
       FAT: "100" // under 100mg
    },
}

How can I correct my URL like that. I dont know where to fix the URL in axios. Thank you !

Do you use a library to parse the query string? `qs` library: `import qs from 'qs'` `axios(qs.stringify(params))` — Josh Sharkey, Feb 04 '20 at 02:39
In that case. I will create an answer. Please mark it as the accepted answer and upvote if it is helpful. :) — Josh Sharkey, Feb 04 '20 at 05:26

score 2 · Accepted Answer · answered Feb 04 '20 at 05:29

Use the qs package to stringify your request before you call axios

const qs = require('qs')

const params = {
    ...other,
    health:  ["alcohol-free", "celery-free"],
    nutrient: {
       CA: "100-200",
       FAT: "100" // under 100mg
    },
}

axios(qs.stringify(params))

Correct array in url in Axios

1 Answers1