VueJs ve VueResource, bir Ajax isteği

Question

dan başlık alanının çıkarılması ben (1.2.1), Aşağıdaki kod ile başlık yetkilendirme ayarlanmış bir Vuejs (2.2.6) ve Vue-kaynak örneğini, bu şekilde

Vue.http.headers.common.AUTHORIZATION = 'BEARER ...'; 

Ancak, üçüncü taraf API için bir istek yapmak istiyorum, ve Authorization alan gönderilmesini istemiyorum: Ben API tüm istekleri yetki verebilir. Ayrıca, bu API, bu yetkilendirme üstbilgisini kullanmanıza izin vermez.

let CEP = ''; 

this.$http.get('https://viacep.com.br/ws/' + CEP + '/json') 
    .then(response => { 
     console.log(response.headers); 
    }); 

yetkilendirme alanı Erişim Kontrol-İstek-Başlıkları üzerine, başlıkla gönderilen Bu şekilde: Aşağıdaki kodları ile bazı başlık alanları kaldırmak için çalıştı

, başarısız. vue-resource belgelerinde

this.$http.headers.common.AUTHORIZATION = null; 
this.$http.headers.common['Access-Control-Allow-Headers'] = null; 

this.$http.get('https://viacep.com.br/ws/' + CEP + '/json') 
    .then(response => { 
     console.log(response.headers); 
    }); 

, talep yapılandırma zorlamak için bir nesne yerleştirilmesi olasılığı vardır, ancak belgeler tam değildir.

this.$http.get('https://viacep.com.br/ws/' + CEP + '/json', { 
    ...here... 
}).then(response => { 
    console.log(response.headers); 
}); 

belirli bir isteğin gelen Yetkilendirme alanını veya başka bir alanı kaldırmak için herhangi bir yolu var mı?
Teşekkürler.

* Ben ben belirli alan silemezsiniz isteği ancak düzenleyebilir (aşağıda örnekteki gibi) önleyicilerin kullanarak *

GÜNCELLEME. ,

Vue.http.interceptors.push((request, next) => { 

    const viacep = request.url.includes('viacep.com.br'); 

    if (viacep) { 
     request.headers.delete('AUTHORIZATION'); 
    } 

    next(response => {}); 
}); 

Answer 1

kullanın bir interceptor isteği incelemek ve gerekirse başlığını kaldırın:

Vue.http.interceptors.push((request, next) => { 

    const viacep = request.url.includes('viacep.com.br'); 

    if (viacep) { 
     request.headers.set('AUTHORIZATION', 'TRY THIS'); 
    } 

    next(response => {}); 
}); 

deneyin Sil.

Vue.http.interceptors.push(function(request, next) { 

    const removeAuthHeaders = request.url.includes("viacep.com.br"); 

    if (removeAuthHeaders){ 
    request.headers.delete('Access-Control-Allow-Headers') 
    request.headers.delete('AUTHORIZATION') 
    } 
    else { 
    request.headers.set('Access-Control-Allow-Headers', <value>) 
    request.headers.set('AUTHORIZATION', <value>) 
    } 
    next(); 
});