axios请求方法总结

axios请求

axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中，它对ajax进行了封装，可以实现异步请求。

使用方法

（1）axios的安装：

npm install axios;

（2）在模块中导入axios：

import axios from "axios"; //引入axios，用于ajax请求

请求方式

get请求

使用get请求获取想要的数据（查出来即可）

（1）不带参数：

axios({methods:'get',url:'/url'}).then(res=>{
	console.log(res)
}).catch(err=>{
	console.log(err)
})

或

axios.get('/url').then(res=>{
	console.log(res)
}).catch(err=>{
	console.log(err)
})

（2）带参数

服务器端获取客户端请求的数据用req.query.参数名。

axios.get('/url',{params:{id:1}}).then(res=>{
	console.log(res)
}).catch(err=>{
	console.log(err)
})

post请求

使用post请求主要用于提交表单数据和上传文件（查出来+操作）

服务器端获取客户端请求的数据用req.body.参数名。

axios.post('/url',{id:1}).then(res=>{
	console.log(res)
}).catch(err=>{
	console.log(err)
})

或

axios({
	methods:'post',
	url:'/url',
	data:{id:1}
}).then(res=>{
	console.log(res)
}).catch(err=>{
	console.log(err)
})

delete请求

使用delete请求来删除数据。

参数在url的params中：服务器端使用req.query.参数名 获取数据.

axios.delete('/url', {
		params: {id: 12}  //’id’为参数名
	}).then(res => {
       console.log(res)
	}).catch(err => {
	   console.error(err);
})

参数在请求体(post)中 将params改为 data就行：服务器端使用req.body.参数名 获取数据

 axios.delete('/url', {
		data: {id: 12}  //’id’为参数名
}).then(res => {
   console.log(res)
}).catch(err => {
   console.error(err);
})

其他请求

• put请求，对数据全部进行更新（ 该请求和post类似，只是请求方法不同）
• patch请求：只对更改过的数据进行更新（该请求和post类似，只是请求方法不同）

axios的响应结构

客户端发起请求后，服务器端接收到请求，然后进行响应。

{
  // `data` 由服务器提供的响应
  data: {},
  // `status`  HTTP 状态码
  status: 200,
  // `statusText` 来自服务器响应的 HTTP 状态信息
  statusText: "OK",
  // `headers` 服务器响应的头
  headers: {},
  // `config` 是为请求提供的配置信息
  config: {}
}