So legen Sie die globalen Anforderungsparameter von Axios fest

Dieses Mal zeige ich Ihnen, wie Sie die globalen Anforderungsparameter von Axios festlegen und welche Vorsichtsmaßnahmen zum Festlegen der globalen Anforderungsparameter von Axios gelten. Das Folgende ist eine praktische Anleitung Fall, werfen wir einen Blick darauf.

Anwendungsszenarien:

1. Jede Anfrage enthält Parameter wie Token, Zeitstempel usw. .

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

Der Code lautet wie folgt:

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

Ich glaube Ihnen Ich habe den Fall in diesem Artikel gelesen. Nachdem Sie die Methode beherrscht haben, achten Sie bitte auf andere verwandte Artikel auf der chinesischen PHP-Website, um weitere spannende Inhalte zu erhalten!

Empfohlene Lektüre:

So veröffentlichen Sie ein Vue-Projekt über Baidus BAE

Warum Axios-HTTP-Anfragen nicht in vue2 verwendet werden können

Das obige ist der detaillierte Inhalt vonSo legen Sie die globalen Anforderungsparameter von Axios fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!