Gestion centralisée des API

Un programme ne peut pas se passer d'une interface,Et comment gérer centralement l'interface du programme

Le programme peut - il effectuer une maintenance secondaire、Mise à jour,L'interface n'est pas assez flexible pour prendre une grande partie
L'interface d'un programme est brouillée,Je suis sûr que vous ne voudrez pas revoir une telle procédure（J'ai mal à la tête.）

Première étape encapsulation de la demande（request.js）

import Interceptor from "./core/interceptor";
import Request from "./index";
import indexConfig from "@/config/index.config"

export const globalInterceptor = {
    
	request: new Interceptor(),
	response: new Interceptor()
};

export const config = {
    
	baseURL: indexConfig.baseUrl,
	header: {
    
		'token': uni.getStorageSync('Token_YunLiJian_Mp'),
		contentType: "application/x-www-form-urlencoded"
		// 'Content-Type': 'application/json'
	}
};

globalInterceptor.request.use(
	config => {
    
		config.header = {
    
			'token': uni.getStorageSync('Token_YunLiJian_Mp')
		}
		return config;
	},
	err => {
    
		console.error(" Interception avant l'échec de la demande ", err);
		return false;
	}
);

globalInterceptor.response.use(
	(res, config) => {
    
		if (res.data.code == 1001 || res.data.code == 1002 || res.data.code == 1003) {
    
			uni.setStorageSync('Token_YunLiJian_Mp', '')   //  En cas d'erreur de données ,Effacertoken
			uni.setStorageSync('UserInFo_YunLiJian_Mp', '')  // Effacer les données de l'utilisateur 
			uni.showModal({
    
				title: 'Conseils du système',
				content: 'Connexion expirée,Veuillez vous connecter à nouveau',
				success: function(res) {
    
					if (res.confirm) {
    
						uni.switchTab({
    
							url: `/pages/Home/Home`
						})
					} else if (res.cancel) {
    
						uni.switchTab({
    
							url: `/pages/Mimne/Mimne`
						})
					}
				}
			});
			return null
		}
		return res;
	},
	(err, config) => {
    
		console.error(" Échec de l'interception après la demande ");
		console.error("Conseils d'erreur: ", err);
		console.error("Message d'erreur: ", config);
		return Promise.reject(err);
	}
);

Étape 2 Gestion centralisée de l'interface

user.js

Étape 3 Utilisation de l'importation

1. Importer
   
2. Utiliser
   

De cette façon, si vous avez besoin d'entretien plus tard ,Ou mise à jour, Pour voir directement apiDocumentation,Simple et clair, Vous serez bientôt au courant du programme api Et la structure de base