VUE前端开发中设置token发送请求
    		       		warning:
    		            这篇文章距离上次修改已过454天,其中的内容可能已经有所变动。
    		        
        		                
                在Vue前端开发中,通常我们会在请求的header中设置token,以下是几种常见的设置方式:
- 使用axios插件发送请求,并在请求头中设置token:
 
axios.defaults.headers.common['Authorization'] = 'Bearer ' + token;- 在发送请求时,单独为这次请求设置token:
 
axios.get('/someEndpoint', {
  headers: {
    'Authorization': 'Bearer ' + token
  }
})- 使用vue-resource插件发送请求,并在请求头中设置token:
 
Vue.http.interceptors.push(function(request, next) {
  request.headers.set('Authorization', 'Bearer ' + token);
  next();
});- 在每次发送请求时,单独为这次请求设置token:
 
this.$http.get('/someEndpoint', {
  headers: {
    'Authorization': 'Bearer ' + token
  }
})注意:以上的token都应该是从本地存储(如localStorage、sessionStorage、cookies等)或是通过用户登陆后从后端获取的。
以上就是在Vue前端开发中设置token并发送请求的几种方式,具体使用哪种方式取决于你的项目配置和个人喜好。
评论已关闭