Bajo mi aplicación angular, estoy usando renderer2 para cargar algunos recursos de javascript inyectándolos en el encabezado de la ventana
Eso está funcionando bien pero;
Cuando se sirve localmente, esta carga del recurso falla porque hay un problema de CORS:
El acceso a XMLHttpRequest en 'https://website/src/style1.css' desde el origen 'http://192.168.244.128:3001' ha sido bloqueado por la política CORS: el campo de encabezado de solicitud x-requested-with no está permitido por Access -Control-Permitir-Encabezados en la respuesta de verificación previa.
Nota: estoy ejecutando mi aplicación Angular en mi máquina local, pero estoy usando una redirección de URL ya que es una máquina virtual de vmware, por eso mi URL local es: http://192.168.244.128:3001
Intenté usar un proxy angular como este:
proxy.conf.json:
{ "/*": { "target": "https://website/src/style1.css", "secure": false, "changeOrigin": true, "logLevel": "debug" } }
Pero el problema persiste
Sugerencias ??
el destino debe ser un servidor de dominio + puerto, pero no una ruta directa de recursos
"target": "https://{domain}:{port}"
También le aconsejo que use una palabra clave de URL para identificar solicitudes externas (en mi ejemplo a continuación, elijo "recursos")
Para muestra si quieres acceder
https://website/src/style1.css
tienes que acceder por
localhost:{localport}/resources/src/style1.css
o resources/src/style1.css
aquí una configuración de proxy
{ "/resources/*": { "target": "https://website", "secure": false, "changeOrigin": true, "pathRewrite": { "^/resources": "" }, "logLevel": "debug" } }