评论

【教程】关于uniapp中对axios的封装

对于axios请求做的其他操作,例如拦截、过滤

对于axios请求做的其他操作,例如拦截、过滤等等·····

下图中baseUri自己定义所需的baseURL即可

import axios from "axios";
import {baseUri} from "./api.js"


const service = axios.create({
	baseURL: baseUri,
	timeout: 600000,
});

axios.defaults.retry = 4;
axios.defaults.retryDelay = 4000;
axios.defaults.withCredentials = true;


function startLoading() { //使用Element loading-start 方法
	console.log(baseUri);
	uni.showLoading({
		title: "加载中..."
	});
}

function endLoading() { //使用Element loading-close 方法
	uni.hideLoading();
}

let needLoadingRequestCount = 0

export function showFullScreenLoading() {
	if (needLoadingRequestCount === 0) {
		startLoading()
	}
	needLoadingRequestCount++
}

export function tryHideFullScreenLoading() {
	if (needLoadingRequestCount <= 0)
		return needLoadingRequestCount--;
	if (needLoadingRequestCount === 0) {
		endLoading()
	}
}

service.interceptors.request.use((config) => {
	showFullScreenLoading();
	return config;
}, error => {
	tryHideFullScreenLoading();
	return Promise.reject(error)
});

// axios 请求处理超时处理
service.interceptors.response.use(
	function(response) {
		tryHideFullScreenLoading();
		return response;
	}
);

export default service;

最后一次编辑于  2021-11-27  
点赞 3
收藏
评论

5 个评论

  • d文意
    d文意
    2021-11-30

    可以

    2021-11-30
    赞同 2
    回复 1
    • Smooth
      Smooth
      2021-11-30
      谢谢
      2021-11-30
      2
      回复
  • wyf
    wyf
    2022-12-05

    虽然还没看懂,还是要努力学习

    2022-12-05
    赞同 1
    回复
  • chenmoumou
    chenmoumou
    2021-11-30

    默默的点赞路过

    2021-11-30
    赞同 1
    回复
  • 谋谋谋
    谋谋谋
    2021-11-27

    哇哦

    2021-11-27
    赞同 1
    回复 2
    • Smooth
      Smooth
      2021-11-30
      啊这
      2021-11-30
      2
      回复
    • AndroidWalletSDKDemo
      AndroidWalletSDKDemo
      发表于移动端
      12-03
      https://juejin.cn/user/1302297507801358
      12-03
      回复
  • AndroidWalletSDKDemo
    AndroidWalletSDKDemo
    发表于移动端
    12-03
    Smooth 切换主页 一名前端开发,对React、Vue、小程序、uniapp、Node.js、Webpack 都有涉猎,欢迎大家关注我或在文章下发表评论,一起学习一起进步!!! 正在关注33 关注者42 荣誉墙 校园技术运营官 第一届 获得过 636 次赞 个人网站
    12-03
    赞同
    回复
登录 后发表内容