欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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)

) {

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

}

 


 

 

相关标签: vue学习