配置
1. 安装axios:npm install axios
2. 引用axios:在需要使用的页面中引用
get方式使用
get请求使用params传参,本文只列举常用参数,更多详见: 使用说明 · Axios 中文说明 · 看云 (kancloud.cn)
axios({ url: "", // url params: { // 参数 name: xxx, age: xxx, }, }) .then(function (res) { console.log(res); // 成功回调 }) .catch(function (err) { console.log(err); // 失败回调 });
post请求
post请求使用data传参,需要使用qs处理参数
qs配置
axios的post请求为什么要使用qs_苦夏木禾的博客-CSDN博客
qs是axios的一个数据序列化工具,可通过npm install qs命令进行安装.然后在需要使用的页面引用
import axios from 'axios' import qs from 'qs'
方法 qs.parse()、qs.stringify()
qs.stringify()将对象序列化成URL的形式,以&进行拼接
qs.parse()将URL解析成对象的形式
写法
axios({ method: "post", //请求方式 url: "", //url data: qs.stringify({ // 参数 }), }) .then(function (res) { console.log(res); //成功回调 }) .catch(function (err) { console.log(err); //失败回调 });