rest - Polymer:如何在配置文件中存储 REST API 基本 URL

Question

我正在使用 polymer 初学者工具包。我必须在不同的 HTML 页面中进行许多 API 调用，并且对于每个 API 调用，我在其中为“url”属性使用“iron-ajax”我正在分配 REST API网址。

URL 类似于“https://XXXXX.in/YY/YY/YY”，这里的基本 URL XXXXX 对于所有 API 调用都是相同的，YY 会改变。那么我如何将基本 URL XXX 存储在一个配置文件中并在所有页面中访问该值“铁 Ajax ”？我应该在哪里访问基本 URL，它是否在 polymer 的所有页面的“就绪”功能中？

Answer 1

选项 1

在 Polymer 中，您会将值存储为属性。如果您将基本 URL 作为节点树顶部的属性(在第一个父元素中)，您可以将它传递给任何子元素(然后它们可以将它传递到更下方)。

你的顶级元素:

<link rel="import" href="./child-el.html">
<dom-module id="main-el">
    <template>
        <child-el base-url="[[baseUrl]]"></child-el>
    </template>
</dom-module>
<script>
    Polymer({
        is: 'main-el',
        properties: {
            baseUrl: {
                type: String,
                value: 'https://XXXXX.in'
            }
        }
    });
</script>

child :

<dom-module id="child-el">
    <template>
        <iron-ajax url="[[baseUrl]]/YY/YY/YY"></iron-ajax>
    </template>
</dom-module>
<script>
    Polymer({
        is: 'child-el',
        properties: {
            baseUrl: {
                type: String
            }
        }
     });
 </script>

选项 2

您可以将所有 ajax 调用放在一个不在屏幕上呈现任何内容的元素中，并在您需要的任何地方包含该元素。

<link rel="import" href="./api-handler.html">
<dom-module id="main-el">
    <template>
        <api-handler id="api-handler"></api-handler>
    </template>
</dom-module>
<script>
    Polymer({
        is: 'main-el',
        attached () {
            this.$['api-handler'].makeRequest();
        }
    });
</script> 

选项 3

将 baseUrl 属性存储在 Polymer 中 behavior并将其包含在您的元素中。

选项 4

您可以将该值附加到全局可访问的窗口对象。您的 config.html 看起来像:

<script>
    (function (Config) {
        Config.BASE_URL = 'https://XXXXX.in';
    })(window.Config = window.Config || {});
</script>

然后将其导入到 index.html 中:

<link rel="import" href="./config.html">

..并且 Config.BASE_URL 将在您的所有元素中可用。