Axios params not appending correctly to URL

Question

I'm trying to use params for a post request using Axios. However, when I check the XHR in Chrome, the params don't seem to be appended to the URL.

If I do this, it works:

axios.post('/!/Like/like?id=' + this.id + '&_token=' + this.csrf_token)

But if I try this, I get an error:

axios.post('/!/Like/like', {
    params: {
        id: this.id,
        _token: this.csrf_token
    }
})

In other words, the url needs to be:

/!/Like/like?id=1234&_token=zYXW-123

Any ideas what I might be doing wrong?

Bert · Accepted Answer · 2017-05-29T03:18:45.350

9

The second parameter in axios.post is the data. If you wanted to post the way you are doing here, you would need to pass your params as the third argument.

axios.post('/!/Like/like', "", {
    params: {
        id: this.id,
        _token: this.csrf_token
    }
})

edited May 29 '17 at 03:18

answered May 29 '17 at 03:06

Bert

80,741
17
199
164

Thanks! By the way, are you missing a parenthesis at the end? – Chris Burton May 29 '17 at 03:13
@ChrisBurton Yup, I sure am. – Bert May 29 '17 at 03:14
1

Also, the second argument `null` throws an error for me however, adding an empty space `''` worked perfectly. – Chris Burton May 29 '17 at 03:16
@ChrisBurton Do you mean an empty string? – Bert May 29 '17 at 03:17
Yes, sorry. Empty string is what I meant. – Chris Burton May 29 '17 at 03:18
Thanks again for your help! – Chris Burton May 29 '17 at 03:19
Thanks @Bert -- exactly what I needed! – Bryce Johnson Feb 08 '18 at 02:01
But why this works? it expects data as second parameter, and you put parameters as third argument as config. Very confusing. – Alexander Kim Dec 02 '18 at 18:57
@AlexanderKim The [`params` in the config section](https://github.com/axios/axios#request-config) are not the data. They are query string parameters. – Bert Dec 02 '18 at 19:01
Ah, clear now. `params` in a config section === query string parameters, if i pass data as second, it will be as json object in a body, right? – Alexander Kim Dec 02 '18 at 19:04
1

@AlexanderKim Right! – Bert Dec 02 '18 at 19:05

Axios params not appending correctly to URL

1 Answers1