Rumah > hujung hadapan web > tutorial js > vue-resouce怎么设置请求头

vue-resouce怎么设置请求头

php中世界最好的语言
Lepaskan: 2018-04-18 09:37:43
asal
2347 orang telah melayarinya

这次给大家带来vue-resouce怎么设置请求头,vue-resouce设置请求头的注意事项有哪些,下面就是实战案例,一起来看一下。

第一种:在Vue实例中设置

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

第二种:全局设置请求头

Vue.http.headers.common['token'] = 'YXBpOnBhc3N3b3Jk';
Salin selepas log masuk

第三种:在拦截器中设置

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

另附vue interceptors 设置请求头

在main.js添加过滤器,可以

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;
 });
})
Salin selepas log masuk

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:



Atas ialah kandungan terperinci vue-resouce怎么设置请求头. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan