Quelles sont les étapes pour définir la requête via les paramètres de requête globaux axios et renvoyer l'intercepteur ?

Ci-dessous, je partagerai avec vous un article sur les paramètres globaux des paramètres de requête axios, les méthodes d'interception de requête et de retour, qui a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

Scénarios d'application :

1. Chaque requête comporte des paramètres, tels que le jeton, l'horodatage, etc.

2. Jugez le statut renvoyé, par exemple si le jeton a expiré.

Le code est le suivant :

axios.interceptors.request.use(
		config => {
			var xtoken = getXtoken()
			if(xtoken != null){
				config.headers['X-Token'] = xtoken
			}
			if(config.method=='post'){
				config.data = {
					...config.data,
					_t: Date.parse(new Date())/1000,
				}
			}else if(config.method=='get'){
				config.params = {
					_t: Date.parse(new Date())/1000,
					...config.params
				}
			}
			return config
		},function(error){
			return Promise.reject(error)
		}
	)
axios.interceptors.response.use(function (response) {
	// token 已过期，重定向到登录页面
	if (response.data.code == 4){
		localStorage.clear()
		router.replace({
            path: '/signin',
            query: {redirect: router.currentRoute.fullPath}
          })
	}
	return response
}, function (error) {
	// Do something with response error
	return Promise.reject(error)
})

Ce qui précède. c'est ce que j'ai compilé pour vous, j'espère que cela sera utile à tout le monde à l'avenir.

Articles connexes :

Exemple de code pour implémenter le téléchargement d'images et de fichiers dans vue

Exemple simple de Vue implémentant des fonctions de recherche et de liste d'actualités

Comment utiliser axios dans le composant vue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!