在 Typeahead Bloodhound Javascript 中请求标头

问题描述

我在用于自动完成搜索的 Typeahead Bloodhound Javascript 库中遇到了一些问题，我的 api 需要一些自定义标头和授权，已经在搜索类似问题 like this one 的解决方案但不起作用。这是我的代码：

var products = new Bloodhound({
        datumTokenizer: function(products) {
            return Bloodhound.tokenizers.whitespace(products.Value);
        },queryTokenizer: Bloodhound.tokenizers.whitespace,identify: function(products) {
            return products.Value;
        },remote: {
            url: api + "back-office/dataset/seller/",prepare: function(query,settings){
                console.log(query);
                settings.url += $("#sellerOption option:selected").attr("uuid-seller") + "/product?search=" + query;
                

                settings.headers = {
                    'Authorization'     : 'Bearer ' + apiTkn,'Origin'            : window.location.origin,'X-Tokoplas-Token'  : tpTkn
                };
                console.log(settings);
                return settings;
            },filter: function(products){
                return $.map(products.result,function(product) {
                    return {
                        Id: product.id,Value: product.sku,Name: product.name,requiredLot : product.is_lot
                    };
                });
            },rateLimitBy : 'debounce',rateLimitWait: 500
        }
    });

这是我如何初始化：

products.initialize();

   $(".skuOption").typeahead({
        hint: true,highlight: true,minLength: 1
    },{
        name: 'products',limit: 'Infinity',displayKey: function(products) {
            return products.Value + ' - ' + products.Name;
        },source: products.ttAdapter()
    })

和 console.log 输出如下：

dataType: "json"
headers:
Authorization: "Bearer eyJpdiI6ImNlNTVPaVlxYWR2OUUzeHpKSkowTUE9PSIsInZhbHVlIjoicXFhZG5KdXdUOVlYeDBOWStma2dobU1IcEU5TStXalJVU3BRMW94NGxqQ0F0MDVRN2ZuKzhDSGptazFsdXlmSWFiR003YXEyY200Q3ZveGh2TUFxN0d3ZfheWjE1VXFrTVJmbXVSeVB1MG4zTGtiTWxvZEsxeHFrNm1GYmZRR0tJZEMxYmlCV2FVY1FYQTEyVEhBejN5N3lUUWFQbXJYaVB1UWtBSDBYeHRwWi9EL0FBMmdweGZERWF4eFY4NXc4OXgvd0l3LzVaQ1lEcGFsNlFTM1NQRStrbnNrc1owQ0ViM3BaZ2ZBMlB1NFhyS0FwM01MSW1mNDFSQ2hFZjE2SytiYjc2OWM3VmVDZkFFMUwya2hXNS8zN3FlOExhNHhSRXAzdmpOYThISDkrSVMzdzQ1UXA4UUlQQWdxUzhpaxVrMmtESmJUYWQ1M2YwRDJmWVRGNGhMa2ZML2hZQ2xTSk4rSnNtR3dta3lYTmpRd3ovVVNxRmtyRitWNjNzSjZQTEc2YlNNRHpQK01waFlwTktzV1JHQzVkYWIrNVhjWTJSclhpdnpQQUpmSlNLOU9NbW1qZ3AxcWJ2eDBzUC9TNUw3bSs3dGxIMlJOY3FzUkFnTXc1VCtYSGduUGVQYnJMYkZwblp3eWdEaitad1h5dXAxMDg1QXRENXAwY0kyV3giLCJtYWMiOiJmZTU2ZGFlNjM1NDcxZDY2ODUxOTViYTZkZDcwOTIzNmU1ZGVjZTM1MTcyYWVhNDdkNmYxODE2Y2EwMGY0MDdmIn0="
Origin: "http://backoffice-tokoplas.test"
X-Tokoplas-Token: "t0k0pl4scust0mCod3"
__proto__: Object
type: "GET"
url: "http://api-tokoplas.test/v1/back-office/dataset/seller/8db19094-4586-447f-a692-7fcec5500f02/product?search=1010"

当我从邮递员那里测试时它工作正常，从检查网络检查并且请求标头没有设置，我知道为什么以及如何解决这个问题吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）