How to pass queries using Axios in Vue

Question

How can I pass query paramenters using Axios such that I can get the query in my backend code using req.query.email. This doesn't seem to work:

this.$http.post(this.$BASE_URL + 'agents/auth/create-password', {
  data: { password: this.password },
  params: {
    email,
  },
})
.then((res) => {
  console.log(res);
})
.catch((error) => {
  console.log(error);
})

What I'm getting from my api is req.body.data and req.body.params.

Based on this.$http I don't think you are using axios instead you are using vue-resource. Please read github.com/pagekit/vue-resource/blob/master/docs/http.md. — User 28
– User 28, Commented Jul 17, 2020 at 10:31
Sorry for the urgent conclusion. Could you post more code about that implementation? Since maybe there is something wrong about parameters. — User 28
– User 28, Commented Jul 17, 2020 at 10:50
What additional implementation do you ned to know? I explained what I want to do above — Peoray
– Peoray, Commented Jul 17, 2020 at 11:08
I want to know about how you implement this.$http which wrap axios or you just use Vue.prototype.$http = axios? — User 28
– User 28, Commented Jul 17, 2020 at 11:18

Paul Rumkin · Accepted Answer · 2020-07-17 10:55:33Z

1

const querystring = require('querystring');
axios.post('http://something.com/', querystring.stringify({ foo: 'bar' }));

For more information have a look on https://github.com/axios/axios#query-string.

edited Jul 17, 2020 at 10:55

Paul Rumkin

6,9052 gold badges29 silver badges36 bronze badges

answered Jul 17, 2020 at 10:28

Iresh Sharma

614 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to pass queries using Axios in Vue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related