Olá, Marcos.
Tudo bem?
Pelo que você descreveu, o problema que você está enfrentando está relacionado à política de CORS (Cross-Origin Resource Sharing). Este é um mecanismo que permite ou recusa pedidos protegidos (HTTP request) vindo de um domínio diferente.
O erro que você está vendo indica que o servidor do JasperServer não está configurado para aceitar solicitações do domínio de onde sua aplicação está tentando acessá-lo.
Uma solução possível é tentar configurar o servidor JasperServer para permitir solicitações do domínio onde sua aplicação está hospedada. Isso pode ser feito adicionando o seguinte cabeçalho à resposta do servidor:
Access-Control-Allow-Origin: *
Este cabeçalho permite que qualquer domínio acesse o recurso. No entanto, isso pode ser uma preocupação de segurança, e você pode querer substituir o asterisco (*) pelo domínio de sua aplicação.
Outra opção é configurar a sua aplicação para fazer as solicitações como 'no-cors'. Isso pode ser feito adicionando a opção 'no-cors' à sua solicitação fetch, como no exemplo a seguir:
fetch(url, {
mode: 'no-cors' // 'cors' by default
})
Porém, é importante lembrar que isso pode ter implicações de segurança e limitações, pois a resposta será uma resposta opaca, o que significa que você não poderá ler o status ou o corpo da resposta, ou usar qualquer método de resposta.
Espero que essas sugestões possam te ajudar de alguma forma. Lembre-se de considerar as implicações de segurança ao fazer alterações relacionadas ao CORS.
Espero ter ajudado e bons estudos!