在Apollo Angular中使用新的身份验证令牌重试失败的graphql请求

问题描述

当由于令牌无效而导致请求失败时，我正在尝试为刷新JWT令牌创建流。 我的流程如下：

1. 使用身份验证标头进行请求
2. 由于无效令牌而捕获失败的请求
3. 进行API调用以刷新令牌并将其存储在本地存储中
4. 在身份验证标头中设置新令牌
5. 使用新的身份验证标头重试旧请求

但是流程的步骤4 无法正常工作。我可以获取新令牌，但无法在授权标头中设置它。因此，旧请求是使用旧令牌发送的，而不是新令牌。

如果有人能弄清楚为什么会这样。会很有帮助的。

这是执行刷新令牌突变的功能。

public graphqlMutation(mutation:any,variable?:any){
return this.apollo.mutate({ mutation:mutation,variables:variable});
}

public getNewToken(refresh_token:any){
const token_variable = {"refresh_token": refresh_token}
this.graphqlMutation(REFRESH_TOKEN_MUTATION,token_variable)
.subscribe(
  (result:any) =>{
    const token = result.data.refreshToken.token;
    const refresh_token = result.data.refreshToken.refreshToken;
    localStorage.setItem('auth_token',token);
    localStorage.setItem('refresh_token',refresh_token);
  }
)
}

这是 HttpLink 终止链接

const http = this.httpLink.create({
  uri: 'http://127.0.0.1:8000/graphql/',withCredentials: true
});

这是用于设置身份验证标头的 headerMiddleware 。

const headerMiddleware = new ApolloLink((operation,forward) => {
const token = 'JWT '+ localStorage.getItem('auth_token');
operation.setContext({
  headers: {
    'Accept': 'charset=utf-8','Authorization': token ? token : ''
  }
});
return forward(operation);
});

这是 onError 函数，用于捕获失败的请求，获取新令牌，设置授权标头并重试旧请求。

const graphqlError = onError(({ graphQLErrors,operation,forward }) =>{
if (graphQLErrors){
  for (let err of graphQLErrors){
    switch (err.message) {
      case 'Signature has expired':
        this.getNewToken(localStorage.getItem('refresh_token'));
        const oldHeaders = operation.getContext().headers;
        operation.setContext({
          headers: {
            ...oldHeaders,Authorization: 'JWT ' + localStorage.getItem('auth_token')
          }
        });
        return forward(operation);
    }
  }
}

});

这是链接

const Link = ApolloLink.from([graphqlError,headerMiddleware,http]);

这是我的 package.json 文件

"apollo-angular": "^1.10.0","apollo-angular-link-http": "^1.11.0","apollo-cache-inmemory": "^1.6.6","apollo-client": "^2.6.10","apollo-link-context": "^1.0.20","apollo-link-error": "^1.1.13","apollo-link-ws": "^1.0.20","graphql": "^15.3.0","graphql-tag": "^2.10.4",

在此先感谢您的帮助！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）