调用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}` : ''
    },},