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),
            switchMap(action => (
              merge(
                (
                  of(action)
                ),
                (
                  of(
                    loaded({
                      namespace,
                    })
                  )
                ),
              )
            ))
            catchError(error => (
              merge(
                (
                  of(
                    openModal({
                      message: error,
                      namespace: 'error',
                      stackTrace: error.stack,
                    })
                  )
                ),
                (
                  of(
                    loaded({
                      namespace,
                    })
                  )
                ),
              )
            )),
          )
        ),
      )
    )),
  )
)