1、安装axios
在cmd或powershell打开文件后,输入下面的命令
npm install axios
可在项目框架中的package.json中查看是否:
二、引用axios
import axios from 'axios'
在需要使用的页面中引用
三、get方式使用
get请求使用params传参,本文只列举常用参数
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配置
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); //失败回调 });