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

Question

我用来为我的 react spa 应用程序进行令牌身份验证。 在进行 CRUD 处理之前，我会检查刷新令牌过期时间。 如果刷新令牌有效，没问题，但如果它无效，我发送旧的刷新令牌并在 crud 之前从服务器接收新的刷新和访问令牌。 到此为止没问题。

问题是刷新机制完成而不等待服务器的响应。

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

此时 function 无需等待authenticationService.createAccessTokenByRefreshToken function 的响应即可返回。 Function 必须等待这个 function 因为如果访问令牌无效，我需要新的。

为什么function不等待就结束了？

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 语句。 目前它隐含地返回未定义。 另外，一件小事：如果你在一个.then你不需要做Promise.resolve(authorization),你可以只返回authorization 。 .then为您创建一个新的 promise。

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

Answer 2

请开始使用async await 。 它使您的生活更轻松，代码更易读，错误更少。 让我知道以下内容是否适合您:)

const moment = require("moment");

const authHeader = async () => {
  try {
    const authorization = {
      Authorization: ""
    };

    const currentUser = authenticationService.currentUserValue;

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

      if (moment(now).isAfter(expiration)) {
        const authResponse = await authenticationService.createAccessTokenByRefreshToken(
          refreshToken
        );
        authorization.Authorization = `Bearer ${authResponse.data.token}`;
      } else {
        authorization.Authorization = `Bearer ${currentUser.token}`;
      }
    }

    return authorization;
  } catch (err) {
    return err;
  }
};

export default authHeader;