如何解决在Apollo Angular中使用新的身份验证令牌重试失败的graphql请求
当由于令牌无效而导致请求失败时,我正在尝试为刷新JWT令牌创建流。 我的流程如下:
- 使用身份验证标头进行请求
- 由于无效令牌而捕获失败的请求
- 进行API调用以刷新令牌并将其存储在本地存储中
- 在身份验证标头中设置新令牌
- 使用新的身份验证标头重试旧请求
但是流程的步骤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 举报,一经查实,本站将立刻删除。