承诺不等待解决或拒绝-javascript-ReactJs

Question

我使用我的React Spa应用程序进行令牌身份验证。在执行CRUD程序之前，我要检查刷新令牌的到期时间。如果刷新令牌有效，则没问题，但如果无效，我将发送旧的刷新令牌，并在发送原始数据之前从服务器接收新的刷新和访问令牌。到此为止没有问题。

问题在于刷新机制完成了，而没有等待服务器的响应。

currentUser存储令牌值。我检查null控制以获取令牌，然后如果到期时间无效，则发送旧的刷新令牌。

此时，该函数将返回，而无需等待authenticationService.createAccessTokenByRefreshToken函数的响应。函数必须等待此函数，因为如果访问令牌无效，则需要新的令牌。

为什么函数不等待就结束？

export function authHeader() {
    var authorization = {
        Authorization: ''
    };

    var currentUser = authenticationService.currentUserValue;

    if (currentUser && currentUser.token) {
        const refreshToken = currentUser.refreshToken;
        const expiration = currentUser.expiration;
        var moment = require('moment');
        var now = moment();

        if (moment(now).isAfter(expiration)) {
            authenticationService.createAccessTokenByRefreshToken(refreshToken).then((res) => {
                authorization.Authorization = `Bearer ${res.data.token}`;
                return Promise.resolve(authorization);
            });
        }
        else {
            authorization.Authorization = `Bearer ${currentUser.token}`;
            return Promise.resolve(authorization);
        }

        //return { Authorization: `Bearer ${currentUser.token}` };
    } else {
        return Promise.reject(authorization);
    }
}

Answer 1

if (moment(now).isAfter(expiration)) {
  authenticationService.createAccessTokenByRefreshToken(refreshToken).then((res) => {
    authorization.Authorization = `Bearer ${res.data.token}`;
    return Promise.resolve(authorization);
  });
}

此代码块需要一个return语句。目前，它隐式返回undefined。另外，这是一件小事：如果您不在，.then则无需Promise.resolve(authorization),返回即可authorization。在.then为您创建一个新的承诺。

if (moment(now).isAfter(expiration)) {
  return authenticationService.createAccessTokenByRefreshToken(refreshToken)
    .then((res) => {
      authorization.Authorization = `Bearer ${res.data.token}`;
      return authorization;
    });
}