Was sind die Schritte, um die Anforderung über die globalen Anforderungsparameter von Axios festzulegen und den Interceptor zurückzugeben?

Im Folgenden werde ich einen Artikel über die globalen Anforderungsparametereinstellungen von Axios sowie die Anforderungs- und Rückgabe-Interceptor-Methoden mit Ihnen teilen, der einen guten Referenzwert hat und ich hoffe, dass er für alle hilfreich sein wird.

Anwendungsszenarien:

1. Jede Anfrage trägt Parameter wie Token, Zeitstempel usw.

2. Beurteilen Sie den zurückgegebenen Status, z. B. ob das Token abgelaufen ist.

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)
})

Das Obige ist was Ich habe es für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Beispielcode zum Implementieren des Bild- und Datei-Uploads in Vue

Einfaches Beispiel für die Implementierung von Such- und Nachrichtenlistenfunktionen in Vue

So verwenden Sie Axios in der Vue-Komponente

Das obige ist der detaillierte Inhalt vonWas sind die Schritte, um die Anforderung über die globalen Anforderungsparameter von Axios festzulegen und den Interceptor zurückzugeben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!