如何解决调用Apollo查询时如何传递标题?
我正在尝试在vue应用程序内调用针对graphql的阿波罗查询时,在标头中传递令牌。但这是行不通的。我不想在main.js中添加标头,因为我们需要将其存储在浏览器的本地存储中。我搜索并知道我们可以做到这一点。我在这里做错了什么?
this。$ apollo.query({
查询:gql query getuser { Username { Username }}
,
variables: {
},context:{
header:{
Authorization: this.token ? `Bearer ${this.token}` : ''
},},}).then((data) => {
alert("Inside Query...");
}
*/
}).catch((error) => {
console.error('error in creating order: ',error);
alert('error in creating order: ' + error);
});
},
解决方法
如何将header
更改为headers
?
context: {
headers: { // Instead of header
Authorization: this.token ? `Bearer ${this.token}` : ''
},},
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。