阿波罗(HttpLink)是一个常用的 GraphQL 客户端库,用于与 GraphQL 服务器进行通信。下面是一个使用阿波罗 HttpLink 异步的解决方法,并包含代码示例:
npm install @apollo/client
import { ApolloClient, HttpLink, InMemoryCache } from '@apollo/client';
const httpLink = new HttpLink({
uri: 'https://example.com/graphql', // GraphQL 服务器的 URL
});
const client = new ApolloClient({
link: httpLink,
cache: new InMemoryCache(),
});
import { gql } from '@apollo/client';
const GET_USERS = gql`
query getUsers {
users {
id
name
}
}
`;
client.query({
query: GET_USERS,
}).then(result => {
console.log(result.data.users);
}).catch(error => {
console.error('Error fetching data:', error);
});
在这个示例中,我们定义了一个名为 getUsers
的查询,并通过 client.query
方法执行该查询。执行成功后,我们将打印出返回的用户数据。
请注意,client.query
返回的是一个 Promise,因此我们可以使用 then
和 catch
来处理异步的结果和错误。
这就是使用阿波罗 HttpLink 异步进行 GraphQL 查询的解决方法。根据具体的需求,可以调整配置和查询内容。