VUE前端开发中设置token发送请求
warning:
这篇文章距离上次修改已过206天,其中的内容可能已经有所变动。
在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并发送请求的几种方式,具体使用哪种方式取决于你的项目配置和个人喜好。
评论已关闭