vue 项目搭建axios准备

可视化创建项目

vue ui 界面化创建项目

创建好项目后 安装axios

npm install axios

可以在package.json中查看是否安装

 

axios 请求方法：

get:获取数据

post:提交数据（表单+文件）

put: 更新（所有数据提交到后端）

patch:更新数据（只将修改的数据推送到后端）

delete:删除数据

介绍下post请求

别名方法 axios.post(url,{},config)

//applicition/json

let data = {id:1}

axios.post(url,data)

axios.post({

method:‘post’,

url:url

data:data

})

//form-data请求

let formData = new FormData();

for(let key in data) {

    formData.append(key,data[key])

}
axios.post(url,formData)

并发请求

axios.all(数组)，数组放多个请求

axios.spread()，返回多个请求的返回值

用法

axios.all([

axios.get(data1),

axios.post(data2)

]).then(

axios.spread(data1Res,data2Res)

) {

//主要用于需要同时处理多个请求的情况

}