编辑:下面描述的问题是api我使用的问题…不是阿波罗的问题.
我试图在标题中使用api-key set来使用apollo-link-rest.
如果我尝试使用完全相同的api端点并在Postman应用程序中将api-key设置为标题,则它可以正常工作.
但不适用于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:
我在浏览器中获得了401错误(Apollo)…但是当我在Postman应用程序中使用相同的标题相同的端点时…它的工作原理!
解决方法:
这是API的问题……不是阿波罗.