axios请求五种方法_axios 几种请求

axios请求五种方法

一、介绍

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

可以提供以下服务:

1. 从浏览器中创建XMLHttpRequests
2. 从node.js创建http请求
3. 支持PromiseAPI
4. 拦截请求和响应
5. 转换请求数据和响应数据
6. 取消请求
7. 自动转换JSON数据
8. 客户端支持防御XSRF

二:使用

1、axios的安装:

  安装命令; npm install axios

2、axios五种请求:

 1.get一般多用于获取数据:

1. 不带参数 　　
   ①方式一: axios({ methods: ‘get’, url: ‘/ulr’ })
   ②方式二: axios.get(’/url’)
2. 带参数
   ①方式一:

axios.get('/url', {params: {id: 12}})  //请求的地址实际为 localhost:8080/url?id=12
1

②方式二:

axios({
               methods: 'get',
               url: 'url',
               params: {
                    id:12
               }
           })
1
2
3
4
5
6
7

 2. post: 主要提交表单数据和上传文件

 let data = {}
 let config = {}
 //方式一:  
axios.post('/url',data,config)
// 方式二:  
 axios({
   methods: 'post',
   url: '/url',
   data: data,
   config: config
 })
1
2
3
4
5
6
7
8
9
10
11

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就行