Heim > Web-Frontend > js-Tutorial > Hauptteil

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

亚连
Freigeben: 2018-06-01 11:59:12
Original
3243 Leute haben es durchsucht

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)
})
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!