z vue ---nprogress 进度条使用
// 对于axios进行二次封装
import axios from 'axios'
// 引入进度条
import nprogress from 'nprogress';
// 引入进度条样式
import "nprogress/nprogress.css"
// start 进度条开始 done 进度条结束
const requests = axios.create({
// 基础路径
baseURL: '/api',
// 请求超时时间
timeout: 5000,
})
// 请求拦截器
requests.interceptors.request.use((config) => {
// config 配置对象，里面有重要的headers属性
// 进度条开始动
nprogress.start();
return config;
})
// 响应拦截器
requests.interceptors.response.use((res) => {
// 服务器成功响应数据回来之后
// console.log(res);
// 进度条结束
nprogress.done();
return res.data;
}, (error) => {
// 响应失败回调函数
return Promise.reject("failed")
})
//对外暴露
export default requests
免责申明：
1. 本站所有教程、文章或资源分享目的仅供大家学习和交流！
2. 如有无法查看或链接失效，麻烦请报告联系管理员处理！
3. 本站无法保证资源或其时效性，恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途，请去程序官方购买。 所有资料均来自于网络，版权归原创者所有！本站不提供任何保证，并不承担任何法律责任，如果对您的版权或者利益造成损害，请提供相应的资质证明，我们将于3个工作日内予以删除。
