vuejs2 - 调用 Apollo Query 时如何传递 Header？

Question

我试图在 vue 应用程序中调用 graphql 的 apollo 查询时在标头中传递令牌。但这不起作用。我不想在 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);
  });

},

标签： vuejs2vuetify.jsapollo-clientvue-apolloapollostack

Answer 1

换成怎么header样headers？

context: {
    headers: { // Instead of header
        Authorization: this.token ? `Bearer ${this.token}` : ''
    },
},