javascript 改进了加载指标的AJAX调用

Posted 2021-05-03

const namespace = 'fetchPermissions'

const fetchPermissionsEpic = (
  action$,
  state$,
  { ajax },
) => (
  action$
  .pipe(
    ofType(FETCH_PERMISSIONS),
    map(state$.value)
    map(accessTokenSelector),
    switchMap(accessToken => (
      merge(
        (
          of(
            loading({
              namespace,
            })
          )
        ),
        (
          ajax({
            crossDomain: true,
            headers: {
              'Authorization': `Bearer ${accessToken}`,
            },
            url: 'https://example.com/permissions',
          })
          .pipe(
            pluck('response'),
            map(storePermissions),
            catchError(error => (
              of(
                openModal({
                  message: error,
                  namespace: 'error',
                  stackTrace: error.stack,
                })
              )
            )),
            mergeOperator(
              of(
                loaded({
                  namespace,
                })
              )
            ),
          )
        ),
      )
    )),
  )
)