Sending data using Axios requests

Has not been used successfully, today read some blogs, learned to use the Axios plugin

1. The first is the download dependency

2.main.js

Import Axios from ' Axios '
Vue.prototype. $axios = Axios

Axios.defaults.baseURL = ' http://xxx/';
axios.defaults.headers.post[' content-type '] = ' application/x-www-form-urlencoded ';

3, the component references the first type

var params = new Urlsearchparams (); //Note the following attributes must be quoted

Params.append ("nickname", This.changenameval);
Params.append ("Sex", this.sexstatus);
Params.append ("Job", This.changejobval);
Params.append ("Birthday", this.birthday);

this. $axios. Post (
"Index.php/api/user/editpersonalinfo",
Params
). Then (res=>{}). catch ((Err) =>{})

4, the component references the second type

Component

Import qs from "QS";

var params = qs.stringify ({

Nickname:this.changeNameVal,
Sex:this.sexstatus,
Job
Job:this.changeJobVal,
Birthday:this.birthday,

})

this. $axios. Post (
"Index.php/api/user/editpersonalinfo",
Params
). Then (res=>{}). catch ((Err) =>{})

Sending data using Axios requests