Solution: Axios Post Form Data in VueJS

Author: Zeeshan Arshad     383     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 Arshad is a self-taught and multi-dimensional person with extraordinary track record of success with international clients and students.

Feel free to contact him for your project, training purpose or guidance.