vue 项目搭建axios准备
程序员文章站
2022-04-06 08:20:11
...
可视化创建项目
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)
) {
//主要用于需要同时处理多个请求的情况
}