Comment définir les en-têtes de requête dans vue-resouce

Cette fois, je vais vous montrer comment définir les en-têtes de requête dans vue-resouce. Quelles sont les précautions pour définir les en-têtes de requête dans vue-resouce. Voici un cas pratique, prenons un. regarder.

Le premier : définir

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

dans l'instance Vue Deuxième type : en-têtes de requête définis globalement

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

La troisième méthode : définir

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

dans l'intercepteur Ci-joint l'en-tête de la demande de configuration des intercepteurs de vue

Ajoutez un filtre à main.js, vous pouvez

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

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres. articles sur le site PHP chinois !

Lecture recommandée :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!