how to set axios post parameters as object?

Question

when the SMS is sent using the API in template literal way works smoothly:

axios.post(
     `https://api.fooserver.com/${API_KEY}/verify/lookup?receptor=${phone}&token=${code}`
    )
     .then(resp => resp.data)

whats wrong with the object param?

axios.post(`https://api.kavenegar.com/v1/${API_KEY}/verify/lookup`, {
            receptor: phone,
            token: code
        })
        .then(resp => resp.data);

it does send request but the object params.

the second form sends request but the object params are not sent — Amir Meyari, Nov 27 '19 at 15:48
have seen that bro, I removed pattern param in the question to have a brief question, pay attention that template literal mode i have the same params and no err. @VahidAlimohamadi — Amir Meyari, Nov 27 '19 at 16:08

Renaldo Balaj · Accepted Answer · 2019-11-27T15:58:02.047

1

Lucky I understood your question:), using params Axios will automaticity translate your object in query params. Use this:

axios.post(`https://api.kavenegar.com/v1/${API_KEY}/verify/lookup`,{}, {
        params: {
            receptor: phone,
            token: code
        }})
        .then(resp => resp.data);

edited Nov 27 '19 at 15:58

answered Nov 27 '19 at 15:51

Renaldo Balaj

2,390
11
23

may I ask you to have a look at an `axios` related question here : https://stackoverflow.com/questions/59470085/vue-js-validation-fails-for-file-upload-in-axios-when-multipart-form-data-used ? – Istiaque Ahmed Dec 24 '19 at 14:32
you have some answers in there, tell me if none worked – Renaldo Balaj Dec 24 '19 at 15:07

George · Answer 2 · 2019-11-27T16:09:06.210

In the first example, you are sending the data as query parameters, which isn't the same as sending it in the post body, as in the second example.

You can in fact pass your query parameters as an object, you just need to call .post a little differently:

axios
    .post(
        `https://api.fooserver.com/${API_KEY}/verify/lookup`,
        {},
        {
            params: {
                receptor: phone,
                token: code
            }
        }
        )
    .then(resp => resp.data);

Or, if you so desire:

axios({
    method: 'POST',
    url: `https://api.fooserver.com/${API_KEY}/verify/lookup`,
    params: {
        receptor: phone,
        token: code
    }
})
.then(resp => resp.data);

Kevin.a · Answer 3 · 2019-11-27T15:52:46.417

-1

You'll need to use querystring.stringify

Like this :

 const querystring = require('querystring');
    axios.post(`https://api.kavenegar.com/v1/${API_KEY}/verify/lookup`, querystring.stringify({
                receptor: phone,
                token: code
            })
            .then(resp => resp.data);

edited Nov 27 '19 at 15:52

answered Nov 27 '19 at 15:47

Kevin.a

4,094
8
46
82

how to set axios post parameters as object?

3 Answers3