http - 在全局范围内响应 polymer 中的 401

Question

使用 Polymer 1.0，我正在寻找在应用从应用服务收到 401 时向用户显示登录信息的最佳方法。

如果使用 Angular，我会考虑使用 httpInterceptor 来执行此操作，Polymer 中是否有等效项？

这是一种显式路由来自服务元素的错误的方法(使用 iron-ajax)

<template is="dom-bind" id="app">
    <values-service values="{{items}}" on-error="onError"></values-service>

    <h1>Items <span>{{items}}</span></h1>

    <template is="dom-repeat" items="{{items}}">
        <p>{{item}}</p>
    </template>
</template>

<script src="app.js"></script>

和我的应用程序脚本

(function (document) {
    'use strict';

    var app = document.querySelector('#app');

    app.onError = function (e) {

        console.log('app.onError ' + e.detail.request.status);
    };

    app.addEventListener('error', app.onError);

})(document);

这行得通，但由于登录是我希望在不必专门连接元素的情况下发生的事情

Answer 1

为了解决这个问题，我创建了一个用于所有 Ajax 请求的组件。在该组件中，监听来自服务调用的 401，并在找到时调用 this.fire('401-found')。

然后在我的其他组件中，我监听了这样一个事件 - 在我的例子中，在主文档中，弹出一个对话框要求用户再次登录。

稍微好一点的方法是让 Ajax 组件接受参数来表示“是的触发 401 事件”和“不要给它标准的 401 事件，命名为这个”然后在每个组件中你可以监听此类事件并做出相应 react 。