Vue Axios doesnt return response

Question

I have problem with vue axios.

I am trying to send data using get / put but I can not read it on the server side. Using POST everything works, so I do not know what the problem is. Btw. Everything works in PostMan.

axios({
    method: 'PUT',
    url: `http://example.org`,
    data:  Qs.stringify(data),
}).then(response => (console.log(response.data)))

"Everything works in PostMan" means that also PUT requests work? What does it say in the browser's "Network" tab, do you get an answer there or does the request time out? — Jost, Jun 23 '19 at 14:38
Right, so in the console there is something, just that it's an empty array? What does the response preview show for your PUT request in the network tab? — Jost, Jun 23 '19 at 14:45
Ya, array is empty, on POST is good, but why? Show empty array — Dawid Walczyk, Jun 23 '19 at 14:49
Array ( [prize_concession] => 39 [prize_normal] => 49 [name] => abcd ) — Dawid Walczyk, Jun 23 '19 at 14:55
Sorry, but your problem is that on the server side you cannot read data when sending a PUT request from axios, correct? If you only replace 'PUT' by 'POST' in your code above, does that work? — Jost, Jun 23 '19 at 15:01
ya its works when i change GET to POST on axios and server side to $_POST — Dawid Walczyk, Jun 23 '19 at 15:03
What happens if you change `$ _ GET` to `$ _ PUT` in your server side code? — Jost, Jun 23 '19 at 15:06
If everything works well in PostMan for the exact same PUT request, and also it works when you send a POST request from axios but not with a PUT request, then I've got no idea why it doesn't work, sorry! — Jost, Jun 23 '19 at 15:18

score 2 · Answer 1 · answered Jun 23 '19 at 15:04

2

I am using axios PUT this way and it works well..

axios.put("http://example.org", "plaintextbodyorstringifiedmaybe", {headers: {"Content-Type": "text/plain"}}).then(response => (console.log(response.data)))

answered Jun 23 '19 at 15:04

Imtiyaz Shaikh

425
3
7

and how you get data on server side? – Dawid Walczyk Jun 23 '19 at 15:13
https://stackoverflow.com/questions/7225045/http-put-request-with-node-js – Imtiyaz Shaikh Jun 23 '19 at 16:52
? i still dont now what should i do – Dawid Walczyk Jun 23 '19 at 17:00

score 1 · Answer 2 · edited Jan 28 '22 at 05:52

1

Vue.axios.put("http://localhost:4000/api/" + this.$route.params.id)
    .then((res) => {
     console.log(res);

edited Jan 28 '22 at 05:52

Shaido

27,497
23
70
73

answered Jan 20 '22 at 12:08

Saad Khawaja

96
1
4

2

Remember that Stack Overflow isn't just intended to solve the immediate problem, but also to help future readers find solutions to similar problems, which requires understanding the underlying code. This is especially important for members of our community who are beginners, and not familiar with the syntax. Given that, **can you [edit] your answer to include an explanation of what you're doing** and why you believe it is the best approach? – Jeremy Caney Jan 23 '22 at 00:47

score 0 · Answer 3 · answered Jun 23 '19 at 15:13

0

An HTTP PUT response has an empty body HTTP PUT on MDN

In case of a successful request, the response body is empty, whereas a successful POST request's response has a body HTTP POST on MDN

answered Jun 23 '19 at 15:13

Jost

199
1
3
16

but how i can insert data from query to mysql? – Dawid Walczyk Jun 23 '19 at 15:14

Vue Axios doesnt return response

3 Answers3