使用axios请求发送数据

之前一直没有用成功，今天看了一些博客，学会了使用axios插件

1.首先就是下载依赖啦

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，组件引用 第一种

var params = new URLSearchParams();   //注意下面的属性必须加引号

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，组件引用第二种

组件

import qs from "qs";

var params = qs.stringify({

nickname: this.changeNameVal,
sex: this.sexstatus,
//工作
job: this.changeJobVal,
birthday: this.birthday,

})

 

this.$axios.post(
"index.php/api/User/editPersonalInfo",
params
).then(res=>{}).catch((err)=>{})