这次给大家带来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中文网其它相关文章!
推荐阅读:
以上是vue-resouce怎么设置请求头的详细内容。更多信息请关注PHP中文网其他相关文章!