2017-05-15 7 views
0

多くの場合、コンテンツタイプをapplication/jsonまたはapplication/graphqlに変更しようとしました。このため、のtext/plainのコンテンツタイプでは、graphqlの結果を取得できません。私に解決策を教えてください。私は自分のコードとコンソールの結果を与えました。どのようにangle2のコンテンツタイプをapplication/graphqlに変更できますか?

app.module.ts

// Create the client as outlined above 

const client = new ApolloClient({ 

    networkInterface: createNetworkInterface({ 
    uri: 'http://192.168.1.177:8080/graphql', 
    opts: { 
     method: 'POST', 
    mode: 'no-cors', 


    } 
    }), 
}); 
export { 
    client 
} 
export function provideClient(): ApolloClient { 
    return client; 
} 

testgraphql.component.ts

export class TestgraphqlComponent implements OnInit { 
    loading: boolean; 
    author: any; 
    authors: ApolloQueryObservable<any>; 
    constructor(private apollo: Apollo) { } 

    ngOnInit() { 
    this.authors = this.apollo.watchQuery({ 
     query: gql`{ 
    user(id: 5) { 
     firstName 
     lastName 
    } 
    }`, 
    }); 





    } 

} 

コンソールのエラー

POST http://192.168.1.177:8080/graphql 400 (Bad Request) 

リクエストヘッダ

POST /graphql HTTP/1.1 
Host: 192.168.1.177:8080 
Connection: keep-alive 
Content-Length: 77 
accept: */* 
Origin: http://localhost:4200 
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36 
content-type: text/plain;charset=UTF-8 
Referer: http://localhost:4200/ 
Accept-Encoding: gzip, deflate 
Accept-Language: en-US,en;q=0.8 

答えて

0

私はこの問題を解決しました。それはサーバー側の問題でした。サーバー側にはCORS構成が含まれている必要があります。

関連する問題