So legen Sie Anforderungsheader in vue-resource fest

Dieses Mal zeige ich Ihnen, wie Sie Anforderungsheader in Vue-Ressourcen festlegen. Was sind die Vorsichtsmaßnahmen zum Festlegen von Anforderungsheadern in Vue-Ressourcen? sehen.

Der erste: Legen Sie

var vm = new Vue({
  el:'#rrapp',
  data:{
   showList: true,
   title: null
  },
  http: {
    root: '/',
    headers: {
      token: token
    }
  }
})

in der Vue-Instanz fest Zweiter Typ: Global festgelegte Anforderungsheader

Vue.http.headers.common['token'] = 'YXBpOnBhc3N3b3Jk';

Die dritte Methode: Stellen Sie

Vue.http.interceptors.push((request, next) => {
    request.headers.set('token', token); //setting request.headers
    next((response) => {
      return response
   })
})

im Interceptor ein Im Anhang finden Sie den Anforderungsheader für die Vue-Interceptors-Einstellung

Fügen Sie Filter zu main.js hinzu, Sie können

Vue.http.interceptors.push((request,next)=>{
 //request.credentials = true; // 接口每次请求会跨域携带cookie
 //request.method= 'POST'; // 请求方式（get,post）
 //request.headers.set('token','111') // 请求headers携带参数
 next(function(response){
  return response;
 });
})

Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Bereichen Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Das obige ist der detaillierte Inhalt vonSo legen Sie Anforderungsheader in vue-resource fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!