使用axios请求发送数据
Posted 风流倜傥任潇洒, 不负青春好年华。
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用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)=>{})
以上是关于使用axios请求发送数据的主要内容,如果未能解决你的问题,请参考以下文章