axios

最新推荐文章于 2022-10-22 20:06:45 发布

若小懒

最新推荐文章于 2022-10-22 20:06:45 发布

阅读量210

点赞数

分类专栏： web前端

本文链接：https://blog.csdn.net/hg3329749/article/details/104195938

版权

axios 是一个基于 Promise 的 HTTP 库，适用于浏览器和 node.js。本文详细介绍了如何使用 axios 进行请求配置，包括 GET、POST 等各种请求方式、并发处理、拦截器、取消请求等功能，并特别讲解了如何处理 application/x-www-form-urlencoded 数据格式。

摘要由CSDN通过智能技术生成

可用于浏览器和node.js的基于 Promise 的 HTTP 客户端

使用

使用npm install axios下载到项目本地，或者<script>引入

// 加载模块
import axios from 'axios'
// 默认配置
axios.default.timeout = 6000
// 拦截器
axios.interceptors.request.use(config => {
   
	return config
}, err => {
   
	return Promise.reject(err)
})
// 发送请求
axios.post('/login').then(res => {
   })
async function getUser() {
   
	try {
   
		const res = await axios.get('/user?id=12345')
		console.log(res)
	} catch (err) {
   
		console.log(err)
	}
}

axios(config)

直接调用axios()或axios(url, config)方法发送请求

axios({
   
	method: 'post',
	url: '/user',
	data: {
   }
})

request config

{
   
	url: '',
	method: 'get', // 默认get
	baseURL: 'https://',
	transformRequest: [ // 在请求数据发送到服务器之前对其进行修改（put, post, patch）
		(data, headers) => {
   
			// 处理数据
			return data // 必须返回一个数据
		}
	],
	transformResponse: [(data