要在Apollo GraphQL中发送头部信息,你可以使用Apollo Client的createHttpLink
函数来创建一个自定义的HTTP链接,并在其中设置头部信息。下面是一个示例代码:
import { ApolloClient, InMemoryCache, createHttpLink } from '@apollo/client';
import { setContext } from '@apollo/client/link/context';
const httpLink = createHttpLink({
uri: 'https://example.com/graphql', // 替换为你的GraphQL端点
});
const authLink = setContext((_, { headers }) => {
// 在这里设置你的头部信息
return {
headers: {
...headers,
Authorization: `Bearer your-token`, // 替换为你的授权令牌
},
};
});
const client = new ApolloClient({
link: authLink.concat(httpLink),
cache: new InMemoryCache(),
});
在上面的代码中,createHttpLink
函数创建了一个HTTP链接,你需要将你的GraphQL端点URL替换为uri
属性的值。然后,setContext
函数用于设置头部信息,你可以在其中添加你的授权令牌或其他需要的头部信息。最后,将authLink
链接与httpLink
链接合并,并将其传递给ApolloClient
的link
选项。
这样,你就可以使用Apollo Client发送带有头部信息的请求了。