使用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请求发送数据的主要内容,如果未能解决你的问题,请参考以下文章

axios如何一次性发送多个网络请求?

使用 Axios 从 React 向 Django 发送数据 - 发布请求为空

Axios发送请求

如何使用 axios get 请求发送正文数据和标头?

Axios 如何取消已发送的请求?

axios怎么发送xml数据