How to pass params in axios PUT request?

Question

axios.put('http://localhost:3000/api/userDatas/findUserAddProp',{
    params: {
        userId: "5bb8c3bd16bf1f515ce5b42f",
        prop: "questions",
        questionId: "5bb8c466cb49d8421c05eeda"
    }
});

Server

Userdatas.findUserAddProp = function(req, res, cb) {
    const queryId = req.query.userId;
    const propToUpdate = req.query.prop;
    const questionId = req.query.questionId;

    console.log("queryId: ", queryId);
    console.log("propToUpdate: ", propToUpdate);
    console.log("questionId: ", questionId);
    ...
}

Here is the the server output on the console.

queryId:  undefined
propToUpdate:  undefined
questionId:  undefined

Why is that happening i just passed all params to the server?

Please check `console.log(req.body)` – IftekharDani Oct 07 '18 at 10:49 — IftekharDani, Oct 07 '18 at 10:49

score 3 · Answer 1 · edited Mar 11 '19 at 16:21

3

the put method expects an extra parameter "data" (sent in request body):

axios.put(url[, data[, config]])

pass it as null and you're done:

axios.put('http://localhost:3000/api/userDatas/findUserAddProp', **null,** {
...

edited Mar 11 '19 at 16:21

Dmitriy

5,525
12
25
38

answered Mar 11 '19 at 16:05

walpod

61
3

score 1 · Answer 2 · answered Jul 14 '22 at 15:27

You can open Axios Interface

put<T = any, R = AxiosResponse<T>>(url: string, data?: any, config?: AxiosRequestConfig): Promise<R>;

The Put method recieve the config after the data so you can do:

axios.put('http://localhost:3000/api/userDatas/findUserAddProp',
  // Add null here in the data,
   null,
   // then you can give params in the config 
  { params: { /* your params goes here */ }
});

score 0 · Answer 3 · answered Oct 06 '18 at 14:52

0

Did you try

req.params.userId

req.param is used to read Url Params like /user/:id whereas req.query is used to read query parameters like http:localhost:8080/api/users?id=123

answered Oct 06 '18 at 14:52

Saqib Hussain

125
2
6

Thank you @ SaqibHussain. I think your explanation and your suggestion contradicts. – Henok Tesfaye Oct 06 '18 at 14:57
can you share how you're handling this request on the server side? – Saqib Hussain Oct 06 '18 at 15:06

How to pass params in axios PUT request?

3 Answers3