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