Ionic framework 通过HTTPClient在Ionic 3和Angular 5中发送授权标头

Ionic framework 通过HTTPClient在Ionic 3和Angular 5中发送授权标头,ionic-framework,ionic3,angular5,Ionic Framework,Ionic3,Angular5,我从ionic 3和Http客户端调用REST API,我使用Http拦截器,当我在代码中设置头名称时,它在“访问控制请求头:”下运行,请参阅附件 我的代码是: import { Injectable, NgModule } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from

我从ionic 3和Http客户端调用REST API,我使用Http拦截器,当我在代码中设置头名称时,它在“访问控制请求头:”下运行,请参阅附件

我的代码是:

import { Injectable, NgModule } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http';
import { HTTP_INTERCEPTORS } from '@angular/common/http';

@Injectable()
export class HttpsRequestInterceptor implements HttpInterceptor {
    intercept(req: HttpRequest<any>, next: HttpHandler): 
    Observable<HttpEvent<any>> {
        const dupReq = req.clone({ headers: req.headers.set('Access-Control-Allow-Origin', '*').append('ABC','xxx') });
        return next.handle(dupReq);
    }
};
@NgModule({
   providers: [
       { provide: HTTP_INTERCEPTORS, useClass: HttpsRequestInterceptor, multi: true }
   ]
})
export class InterceptorModule { }
从'@angular/core'导入{Injectable,NgModule};
从“rxjs/Observable”导入{Observable};
从'@angular/common/http'导入{HttpEvent,HttpInterceptor,HttpHandler,HttpRequest};
从“@angular/common/HTTP”导入{HTTP_拦截器};
@可注射()
导出类HttpsRequestInterceptor实现HttpInterceptor{
拦截(请求:HttpRequest,下一步:HttpHandler):
可观察{
const dupReq=req.clone({headers:req.headers.set('Access-Control-Allow-Origin','*')).append('ABC','xxx'));
返回next.handle(dupReq);
}
};
@NGD模块({
供应商:[
{提供:HTTP_拦截器,useClass:HttpsRequestInterceptor,multi:true}
]
})
导出类拦截器模块{}

您已经在前端处理了COR,但它也需要从后端处理,此外,在进行http调用之前,请安装此扩展并将其打开,您将能够收到响应

谢谢你,阿迦·阿里·阿巴斯,我尝试了上述选择,但没有解决我的问题。