Soy nuevo en Angular y Docker. Estoy tratando de implementar la aplicación angular 6 en Nginx en el contenedor docker. Mi aplicación angular llamará a servicios web con token de autorización. Funciona bien en mi entorno de desarrollo con --proxy-config pero no funciona en el contenedor docker. Intenté interceptar la solicitud HTTP y actualizar la URL del servicio web, pero no se envían encabezados de autorización. ¿Cómo debo llamar a los servicios web con encabezados personalizados?

medio ambiente.ts

 export const environment = { production: false, calculateServiceAPIURL: 'http://localhost:8762' }; import { Injectable } from '@angular/core'; import { HttpRequest, HttpHandler, HttpEvent, HttpInterceptor } from '@angular/common/http'; import { Observable } from 'rxjs'; import { environment } from './../environments/environment'; @Injectable({ providedIn: 'root' }) export class TokeninceptorService implements HttpInterceptor { constructor() { } intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { console.log(req.headers); req = req.clone({ url: environment.calculateServiceAPIURL + req.url, setHeaders: { 'Content-Type': 'application/json', Authorization: 'Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJtYWxhdi5wYXJpa2hAeWFob28uY29tIiwidXNlciI6IntcImlkXCI6MSxcImVtYWlsXCI6XCJtYWxhdi5wYXJpa2hAeWFob28uY29tXCIs' } }); return next.handle(req); }

}

Mensaje de error: el acceso a XMLHttpRequest en ' http://localhost:8762/binaryTree/calculateSum ' desde el origen ' http://localhost:4200 ' ha sido bloqueado por la política de CORS: la respuesta a la solicitud de verificación previa no pasa la verificación de control de acceso: No tiene estado HTTP ok.

Encabezados de solicitud y respuesta

El servidor no recibe el encabezado de Autorización debido a que responde con el estado de respuesta 401 No autorizado.