使用 Apollo 进行本地授权：使用令牌创建客户端。无法将令牌设置为标头

Posted 2023-03-08

【中文标题】使用 Apollo 进行本地授权：使用令牌创建客户端。无法将令牌设置为标头

【英文标题】：React Native authorization with Apollo: create client with token. Cannot set token to header

【发布时间】：2020-03-25 06:08:28

【问题描述】：

let [loading, setLoading] = useState(true);
let client = new ApolloClient(
    uri: 'https://39990dea.ngrok.io/graphql',
);

let init = async () => 
    let token = await AsyncStorage.getItem('token');
    if (!!token) 
        store.dispatch(userLoaded(token));
        client = new ApolloClient(
            request: (operation) => 
                operation.setContext(
                    headers: 
                        authorization: token ? token : '',
                    ,
                );
            ,
        );
        console.warn('user with token created');
        console.warn(token);
        console.warn('token is taken');
    
    setLoading(false);
;
useEffect(init, []);

我正在创建 apollo 客户端。然后，如果 AsyncStorage 中有令牌，我将标头设置为使用令牌请求。

return (
<ApolloProvider client=client>
    <Provider store=store>
        <AppNavigator/>
    </Provider>
</ApolloProvider>

);

但是当我提出请求时，出现 Graphql error: notoken。是不是我做错了什么？

【参考方案1】：

您正在初始化您的客户端并异步更改它，但您的组件没有重新渲染。所以你有两个选择：

useState 让你的应用重新渲染

或

调用forceUpdate函数