appolo-link-rest 设置 header

Question

编辑：下面描述的问题是我使用的 api 的问题...不是 apollo 的问题。

我正在尝试将 apollo-link-rest 与 header 中设置的 api-key 一起使用。如果我尝试使用完全相同的 api 端点并在 Postman 应用程序中将 api-key 设置为 header，它工作得很好。但不适用于 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 中打印的请求 Header：

我在浏览器 (Apollo) 中收到 401 错误...但是当我在 Postman 应用程序中使用具有相同 header 的相同端点时...它有效！

Answer 1

你能试试这个吗？我的回答基于此：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
});

Answer 2

这是 API 的问题...不是 Apollo 的问题。

appolo-link-rest 设置 header

appolo-link-rest set header

javascript

http-headers

apollo

reactjs

apollo-link-rest