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

②方式二:

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