axios请求方式

Posted 2021-08-13 老张在线敲代码

axios常见的五种请求方式

get，获取数据的方式

post，提交数据的方式（表单提交以及文件上传）

put，更新数据的方式（提交所有的数据）

patch，提交数据的方式 （提交修改的数据）

delete，删除数据的方式

其中我们最常用的俩个分别是get获取和post提交这俩个方式
get方式的使用

axios.get(url, params).then(res => { console.log(res) })

params会出现在请求头中的querry string parameters中，并且会出现在浏览器的地址栏中，即会拼接到url中。

以及有参数时候的使用

axios.get(url？, {params:{id: "",name:""}}).then(res => { console.log(res) })

post方式其中有三种提交方式

post的请求头中会有一个content-type，该字段有两个值，一个为form-data，一般用于表单提交（文件上传，图片上传等等）；另一个是application/json即，传递的是json数据。

第一种post方法Content-Type: application/json

axios.post(url, date, {}).then(alert("1"));

如果需要传递的是form-data，那么我们需要先实例化一个FormData，然后将data指向form-data即可

第二种方法Content-Type:multipart/form-data

let data = new FormData();
data.append(‘username’,‘11111’);
data.append(‘password’,‘22222’);
axios.post(“地址”,data)

第三种方法Content-Type: application/x-www-form-urlencoded

import qs from ‘Qs’
let data = {“username”:“11111”,“password”:“22222”};
axios.post(“地址”,qs.stringify(
data
))