Как исправить ошибку аутентификации при обращении к API Yelp GraphQL с помощью Apollo Client - PullRequest
Новая
       14

Как исправить ошибку аутентификации при обращении к API Yelp GraphQL с помощью Apollo Client

0 голосов
/ 16 января 2019

Я пытаюсь создать базовое приложение реакции, которое использует клиент Apollo для запроса API Yelp GraphQL.

Когда я пытаюсь отправить запрос, я получаю сообщение об ошибке 401.

Я присоединился к бета-программе разработчика с Yelp и попытался обновить мой ключ API, но это не сработало. Вот код для моего файла index.js. 

import React from 'react'
import ReactDOM from 'react-dom'
import {ApolloProvider} from 'react-apollo'
import { ApolloClient } from "apollo-client";
import { createHttpLink } from "apollo-link-http";
import { setContext } from "apollo-link-context";
import { InMemoryCache } from "apollo-cache-inmemory";
import './index.css'
import App from './App'
import registerServiceWorker from './registerServiceWorker'

const httpLink = createHttpLink({
  uri: "https://api.yelp.com/v3/graphql",
  fetchOptions: {
    mode: "no-cors"
  }
});

const authLink = setContext((_, { headers }) => {
  const token = process.env.yelpApiKey;
  return {
    headers: {
      ...headers,
      authorization: token ? `Bearer ${token}` : "",
      "Content-Type": "application/graphql"
    }
  };
});

const client = new ApolloClient({
  link: authLink.concat(httpLink),
  cache: new InMemoryCache()
});

ReactDOM.render(
    <ApolloProvider client={client}>
      <App/>
    </ApolloProvider>
  , document.getElementById('root'));
registerServiceWorker();

Я что-то здесь упускаю? Любые предложения приветствуются!

Спасибо!

...