appolo-link-rest设置头

Question

编辑：下面描述的问题是我使用的api的问题……不是阿波罗的问题。

我正在尝试将apollo-link-rest与标头中设置的api键一起使用。 如果我尝试使用完全相同的api端点并将api-key设置为Postman应用程序中的标头，则可以正常工作。 但不适用于apollo-link-rest：

import { AppContainer } from 'react-hot-loader';
import React from 'react';
import ReactDOM from 'react-dom';
import App from './react-components/App';
import PropTypes from 'prop-types';
import { RestLink } from "apollo-link-rest";
import { ApolloClient } from 'apollo-client';
import { InMemoryCache } from 'apollo-cache-inmemory';
import { ApolloProvider } from 'react-apollo';
import 'normalize.css/normalize.css';
import './index.css';

const restLink = new RestLink({
    uri: 'https://a-site.net/api',
    headers: {
        'x-someapikey': '012737465334232522z2z22163r43'
    },
});

const client = new ApolloClient({
  link: restLink,
  cache: new InMemoryCache(),
});

我做错了什么？

那是在Chrome Devtools中打印的请求标头：

我在浏览器（Apollo）中收到401错误...但是，当我在Postman应用程序中使用具有相同标头的相同终结点时，它确实起作用！

Answer 1

这是API的问题...不是阿波罗的问题。

Answer 2

您可以试试吗？我的回答基于以下几点：https://www.apollographql.com/docs/link/links/rest.html#context

var myHeaders = new Headers();
myHeaders.append('x-someapikey', '012737465334232522z2z22163r43');

const restLink = new RestLink({
    uri: 'https://a-site.net/api',
    headers: myHeaders
});