РЕДАКТИРОВАТЬ: Проблема, описанная ниже, является проблемой API, которую я использовал ... не проблема с Apollo.
Я пытаюсь использовать apollo-link-rest
с ключом API, установленным в заголовке.Если я попытаюсь использовать точно такую же конечную точку API и установить ключ API в качестве заголовка в приложении 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:
![Request Header printed in Chrome Devtools](https://i.stack.imgur.com/kjOR4.png)
Я получаю 401 Ошибка в браузере (Apollo) ... Но когда я использую ту же конечную точку с тем же заголовком в приложении Почтальон ... это работает!