Solution: Axios Post Form Data in VueJS

Author: Zeeshan Arshad     257     05/14/2018

Estimated reading time: 0 minutes, 14 seconds

By default axios sends JSON data and if you receive POST data on PHP you need to configure the header as urlencoded:

Here is how you can do it in Vue.

var config = {
  headers: {
  'Content-Type': 'application/x-www-form-urlencoded',
}
};

axios.post('ajax.php', {
  parameter: value
})
.then(function (response) {
  // your data
}, config);

Was this topic helpful?

Yes
No
Subscribe YouTube Channel

Zeeshan is a multi-talented serial freelacncer, specialist in custom apps/cms/automation scripts and online instructor.

Feel free to contact him with your clear message or problem.

Story  LinkedIn Profile  Courses  YouTube