axios基础配置 vue3

文章介绍了如何使用npm安装axios库,然后创建一个基础的axios实例,设置了请求的基础URL和超时时间。同时,文章还展示了如何添加请求和响应拦截器来处理数据和错误。
摘要由CSDN通过智能技术生成

axios基础配置
1.安装axios

npm i axios

2.配置基础实例
(统一接口配置)
(1)axio基础封装

//axios基础封装
import axios from 'axios'
//创建axios实例
const API = axios.create({
	baseURL:'test-laravel8/api/', //请求后端数据的基本地址,自定义
	timeout: 2000                   //请求超时设置,单位ms
})

//拦截器
//请求拦截器
API.interceptors.request.use(config => {
	return config
}, e => Promise.reject(e))
//axios响应拦截器
API.interceptors.response.use(res => res.data, e => {
	return Promise.reject(e)
})
export default API
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值