通过HTTPClient

Question

我从离子3和Http客户端调用REST API，我正在使用Http Interceptor，当我在代码中设置标题名称时，它将在“Access-Control-Request-Headers：”下查看附件{{ 3}}

我的代码是：

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 { }

Answer 1

您已在前端处理过cors，但它也需要从后端处理，此外，安装此扩展程序并在进行http调用之前将其打开，您将能够收到响应 https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en