拦截传出的 Kendo Grid 调用以添加 JWT 授权标头

Question

我正在使用 AngularJs 开发单页应用程序。我的应用程序使用 JWT 授权标头令牌进行授权。我有 agularJs 拦截器，它将 Authorization 标头添加到来自我的 SPA 应用程序的每个传出 api 调用。

我最近在应用程序中添加了 Kendo UI，我注意到 Kendo Grid 发出的 api 调用没有通过我的 Angular 拦截器。

是否有一种干净的方法来拦截来自 KendoUi 组件的所有对外 API 调用，以便我可以添加授权标头令牌？

Answer 1

  function setAuthHeader(req) {

        var token = tokenStoreService.getToken();
        if (token) {
            req.setRequestHeader('Authorization', 'Bearer ' + token);
        }
    }

    function setGridAuthorization(dataSource) {
        if (dataSource && dataSource.transport && dataSource.transport.options) {
            var opt = dataSource.transport.options;
            if (opt.read) opt.read.beforeSend = setAuthHeader;
            if (opt.update) opt.update.beforeSend = setAuthHeader;
            if (opt.destroy) opt.destroy.beforeSend = setAuthHeader;
            if (opt.create) opt.create.beforeSend = setAuthHeader;

        } else if (dataSource && dataSource.transport) {
            var tran = dataSource.transport;
            if (tran.read) tran.read.beforeSend = setAuthHeader;
            if (tran.update) tran.update.beforeSend = setAuthHeader;
            if (tran.destroy) tran.destroy.beforeSend = setAuthHeader;
            if (tran.create) tran.create.beforeSend = setAuthHeader;
        }
    }