初始化 ApolloProvider 后更新标头

Question

我使用 uploadLink 来设置用于向我的 Apollo 服务器发出请求的标头（请参见下面的代码）。但是，在我登录后，我想重置标头，因为在 Apollo Provider 初始化期间，标头中包含的“organizationid”在本地存储中尚不可用。登录后，我只从 Apollo 服务器的查询中获取“organizationid”。

const {othertoken} = queryString.parse(window.location.search)

const header = {
    Authorization: ' Bearer ' + localStorage.getItem('accounts:accessToken'),
    othertoken,
    organizationid: localStorage.getItem('organizationId')
}

const uri = CONFIG.graphQLServerTest

const uploadLink = createUploadLink({uri, headers: header})
const cache = new InMemoryCache()

const apolloClient = new ApolloClient({
    cache,
    resolvers: merge(dashboardStore.resolvers, collectionStore.resolvers, templateStore.resolvers, documentStore.resolvers) as any,
    link: ApolloLink.from([errorLink, uploadLink])
})


cache.writeData({data: collectionStore.defaults})
cache.writeData({data: dashboardStore.defaults})
cache.writeData({data: documentStore.defaults})
cache.writeData({data: templateStore.defaults})

const accountsGraphQL = new GraphQLClient({graphQLClient: apolloClient})
const accountsClient = new AccountsClient({}, accountsGraphQL)
const accountsPassword = new AccountsClientPassword(accountsClient)

export {accountsClient, accountsGraphQL, accountsPassword, apolloClient}

在我将其保存在本地存储中后，我需要在所有查询中发送到服务器的每个查询中都包含“organizationid”。为此，我需要在本地存储中保存“organizationid”后重新初始化标头。有没有办法做到这一点？

我想避免在我的所有查询中包含“organizationid”作为查询参数。

Answer 1

我能够通过使用 setContext 创建的 authLink 解决问题：

const authLink = setContext((_, {headers}) => {
    return {
        headers: {
            ...headers,
            organizationid: localStorage.getItem('organizationId')
        }
    }
});