Estoy intentando consumir un servicio y tengo este problema, alguien sabe porque pasa esto . Access to XMLHttpRequest at “URL” has been...

Esto se debe a que el frontend y el backend a donde estás realizando la petición no se encuentran en el mismo servidor, así que por defecto el backend bloquea la petición porque la considera maliciosa. Esto se soluciona desde el backend, por ej en php se pueden agregar los siguientes header:

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS');
header('Access-Control-Allow-Headers: Content-Type, Content-Range, Content-Disposition, Content-Description');

Hola! esto generalmente no es un problema de frontend si no del lado del backend es decir el servicio web a donde te estas conectado tiene que permitir solicitudes desde afuera y si el web service no tiene esto habilitado sale el error que mencionas, así que debes revisar que tu servicio de backend tenga los cors habilitados.

Lo que sucede es que necesitas instalar el package cors, a continuación te dejo el link donde te muestra como instalarlo e implementarlo, espero te sirva, saludos.

https://www.npmjs.com/package/cors