2017-10-08 3 views
0

React를 Laravel의 Folklore \ GraphQL과 연결해보십시오. ReactJS에서POST 메서드를 Laravel Folklore GraphQL에 사용하거나 반응 apollo에서 GET 메서드를 사용하도록 설정

나는 index.js 공업이 코드가 있습니다

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import registerServiceWorker from './registerServiceWorker'; 

import { ApolloClient, ApolloProvider, createNetworkInterface } from 'react-apollo'; 
import Devices from './components/Devices.js' 

const networkInterface = createNetworkInterface({ 
    uri: 'http://127.0.0.1:8000/graphiql', 
    opts: { 
     credentials: 'same-origin', 
     mode: 'no-cors', 
    }, 
}); 
const client = new ApolloClient({ networkInterface }); 

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

그리고

import React, { Component } from 'react'; 
import { graphql } from 'react-apollo'; 
import gql from 'graphql-tag'; 

class Devices extends Component { 
    render() { 
     console.log(this.props); 
     return(
      <div>Hello</div> 
     ); 
    } 
} 

const query = gql` 
{ 
    devices { 
     id_device, 
     name, 
     type, 
    } 
} 
`; 
export default graphql(query)(Devices); 

Devices.js의를하지만 오류 보여

POST http://127.0.0.1:8000/graphiql 405 (Method Not Allowed)

을 나는 optsmethod:'GET'에 추가하는 경우 다음 오류가 표시됩니다.

Unhandled (in react-apollo) Error: Network error: Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body.

어떻게 Folklore \ GraphQL에 POST 메서드를 추가 할 수 있습니까? 메소드를 ApolloClient에 가져 오도록 설정하려면 어떻게해야합니까?

답변