这次给大家带来vue-resouce怎么设置请求头,vue-resouce设置请求头的注意事项有哪些,下面就是实战案例,一起来看一下。
第一种:在Vue实例中设置var vm = new Vue({
el:'#rrapp',
data:{
showList: true,
title: null
},
http: {
root: '/',
headers: {
token: token
}
}
})
第二种:全局设置请求头Vue.http.headers.common['token'] = 'YXBpOnBhc3N3b3Jk';
第三种:在拦截器中设置Vue.http.interceptors.push((request, next) => {
request.headers.set('token', token); //setting request.headers
next((response) => {
return response
})
})
另附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;
});
})
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读: