Angular2 中的 Apollo 客户端自定义标头和附加变量

Question

如何使用 Angular2 使用 npm apollo-client 添加自定义标头并在请求正文中引入其他自定义变量。我希望在我的 graphQL 查询中引入一个额外的自定义变量，例如请求正文中的默认“变量”对象以及自定义标头。我尝试使用 createNetworkInterface 的 applyMiddleware。

以下是预期的请求正文格式：

{
   "query":"",
   "variables":"{}",
   "customVariable":"{}", //This is additional which wants to be introduced
   "operationName":""
}

Answer 1

对于我们的Angular 2 examples 之一，我们正在添加一个自定义标题，如下所示：

networkInterface.use([{
  applyMiddleware (req, next) {
    if (!req.options.headers) {
      // Create the header object if needed.
      req.options.headers = {};
    }
    req.options.headers['x-graphcool-source'] = 'example:angular-apollo-instagram';
    next();
  },
}]);