一、Axios的常用方法
安装
使用npm
npm install axios -S
npm install qs -S
引入axios,qs.js
import axios from 'axios';
import qs from 'qs';
qs是一个url参数转化(parse和stringify)的js库。
是在使用axios时,用于给post方法编码,
qs.parse 方法可以把一段格式化的字符串转换为对象格式
qs.stringify 则和 qs.parse 相反,是把一个参数对象格式化为一个字符串。
执行get请求
get方法一
get(url)
//url请求地址
.then(res=>{
console.log("请求成功时",res)
//请求成功是返回数据
})
.catch(err=>{
console.log("请求失败",err)
//请求失败返回原因
})
get方法二
get(url,{
parmams:{
key1:value,key2:value2}})
.then(res=>{
console.log("请求成功时",res);
//请求成功是返回数据
})
.catch(err=>{
console.log("请求失败",err);
//请求失败返回原因
})
params一旦设置在路由,params就是路由的一部分,如果这个路由有params传参,但是在跳转的时候没有传这个参数,会导致跳转失败或者页面会没有内容。
执行post请求
post方法一
//请求序列化数据(urlencoded 方式)
post(url,k1=v1&k2=v2,{
header:{
"Content-Type: application/x-www-form-urlencoded; charset=UTF-8"}