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();
  },
}]);

Angular2中的Apollo-client自定义标头和其他变量

1 个答案: