Axios的常用方法(上传文件)

一、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"}