sencha-touch - 从 localStorage 获取值以在 Sencha Touch AJAX 代理中使用

Question

在我的 Sencha Touch 应用程序中，我将一些值存储在 localStorage 中，并且它们存储得很好。稍后我需要使用这些值来向商店发出请求，并且需要将这些值作为请求 header 传递。代码如下所示:

Ext.define('AppName.store.storeName', {
    extend: 'Ext.data.Store',

    requires: [
        'AppName.model.modelName'
    ],

    config: {
        model: 'AppName.model.modelName',
        storeId: 'storeName',
        proxy: {
            type: 'ajax',
            url: 'http://dynamic',
            headers: {
                auth_token: localStorage.getItem('activeUserToken'),
                user_email: localStorage.getItem('userEMail')
            },
            reader: {
                type: 'json'
            }
        }
    }
});

但是，当我在 Chrome 开发人员工具中清楚地看到这些值时，auth_token 和 user_email 值都将返回为“未定义”。除此之外，我在 Sencha Touch 应用程序的许多其他地方访问这些值，但无法在商店本身中执行此操作。

有人可以告诉我我做错了什么吗？

谢谢

Answer 1

我通过以下方式解决了这个问题。我不是在商店中传递 header ，而是在请求期间、在加载商店之前传递 header 。这是代码:

    Ext.getStore('storeName').getProxy().setUrl(someURL);
        
    Ext.getStore('storeName').getProxy().setHeaders(
         {
             "auth_token" : activeUserToken,
             "user_email" : userEmail
         }
    );

    Ext.getStore('storeName').load();