Ionic framework 通过HTTPClient在Ionic 3和Angular 5中发送授权标头
我从ionic 3和Http客户端调用REST API,我使用Http拦截器,当我在代码中设置头名称时,它在“访问控制请求头:”下运行,请参阅附件 我的代码是: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
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调用之前,请安装此扩展并将其打开,您将能够收到响应
谢谢你,阿迦·阿里·阿巴斯,我尝试了上述选择,但没有解决我的问题。