当我实例化Vuejs (2.2.6)和Vue-resource (1.2.1)时,我使用以下代码设置标头授权,这样我可以授权我的API的所有请求:
Vue.http.headers.common.AUTHORIZATION = 'BEARER ...';
但是,我想要请求第三方API,我不希望发送Authorization字段。此外,此API不允许您使用此授权标头。
let CEP = '';
this.$http.get('https://viacep.com.br/ws/' + CEP + '/json')
.then(response => {
console.log(response.headers);
});
这样,授权字段与标题一起发送在Access-Control-Request-Headers上:
我尝试使用以下代码删除一些标题字段,但没有成功。
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);
});
在vue-resource文档中,可以插入一个对象来强制进行请求配置,但文档还没有完成。
this.$http.get('https://viacep.com.br/ws/' + CEP + '/json', {
...here...
}).then(response => {
console.log(response.headers);
});
有没有办法删除授权字段或给定请求中的任何其他字段?
感谢。
*更新*
通过使用拦截器(如下面的示例所示)我可以编辑请求,但我无法删除特定字段。
Vue.http.interceptors.push((request, next) => {
const viacep = request.url.includes('viacep.com.br');
if (viacep) {
request.headers.set('AUTHORIZATION', 'TRY THIS');
}
next(response => {});
});
尝试删除:
Vue.http.interceptors.push((request, next) => {
const viacep = request.url.includes('viacep.com.br');
if (viacep) {
request.headers.delete('AUTHORIZATION');
}
next(response => {});
});