axios请求五种方法
一、介绍
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
可以提供以下服务:
- 从浏览器中创建XMLHttpRequests
- 从node.js创建http请求
- 支持PromiseAPI
- 拦截请求和响应
- 转换请求数据和响应数据
- 取消请求
- 自动转换JSON数据
- 客户端支持防御XSRF
二:使用
1、axios的安装:
安装命令; npm install axios
2、axios五种请求:
1.get一般多用于获取数据:
- 不带参数
①方式一: axios({ methods: ‘get’, url: ‘/ulr’ })
②方式二: axios.get(’/url’) - 带参数
①方式一:
axios.get(\'/url\', {params: {id: 12}}) //请求的地址实际为 localhost:8080/url?id=12
②方式二:
axios({methods: \'get\',url: \'url\',params: {id:12}})
2. post: 主要提交表单数据和上传文件
let data = {}let config = {}//方式一:axios.post(\'/url\',data,config)// 方式二:axios({methods: \'post\',url: \'/url\',data: data,config: config})
3.put对数据全部进行更新
该请求和post类似,只是请求方法不同
4.patch只对更改过的数据进行更新
该请求和post类似,只是请求方法不同
5.delete删除请求(参数可以放在url上也可以和post一样放在请求体中)
axios.delete(’/url’, {params: {id: 12}}) 参数在url params很重要
axios.delete(’/url’, {data: {id: 12}}) 参数在请求体中 将params改为 data就行