//对于axios进行二次封装
import axios from "axios";
// 引入进度条
import nprogress from "nprogress";
// 引入进度条的样式
import "nprogress/nprogress.css"
// 利用axios对象的方法create,去创建一个axios实例
// request就是axios,只不过可以稍微配置一下
const requests = axios.create({
// 配置对象
// 基础路径:发请求的时候,路径当中会出现/api
baseURL: "/api",
// 代表请求超时的时间为5秒
timeout: 1000,
})
// 请求拦截器:在发请求之前请求拦截器可以检测到,可以在请求发出去之前做一些事情
requests.interceptors.request.use((config) => {
//config: 配置对象,对象里面有一个属性很重要,header请求头
nprogress.start()
return config
})
// 响应拦截器
requests.interceptors.response.use((res) => {
nprogress.done();
return res.data;
}, (error) => {
// 服务器相应失败
return Promise.reject(new Error('faile'))
})
// 对外暴露
export default requests
对axios进行二次封装
最新推荐文章于 2023-04-24 21:36:20 发布