3
respostas

Refused to load the font '<URL>' because it violates the following Content Security Policy directive

Boa noite

No arquivo validaCPF.js criei um função extra para impedir o cadastro de CPFs duplicados e adicionei na o retorno da função final:

function verificaDuplicidade(cpf){
    listarClientes().then(clientes => { 
        clientes.forEach(cliente => {
          if(cliente.cpf === cpf){
              return false;
          }
        })
        return true;
    })    
}



function validaCPF(cpf){
    return(
        verificaPrimeiroDigito(cpf)&&
        verificaSegundoDigito(cpf)&&
        verificaCPFInvalidos(cpf)&&
        verificaDuplicidade(cpf)/
    )
}

Após salvar o código recebi o erro Cannot GET /cadastro no browser e no console é exibida a seguinte mensagem:

Refused to load the font '<URL>' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback.

cadastro:1 Failed to load resource: the server responded with a status of 404 (Not Found)

Não consegui entender o que está errado. Alguém poderia dar uma luz?

3 respostas

Fala ai Frederico, tudo bem? Tente verificar na página HTML se foi definida configurações e politicas de segurança sobre quais endereços são permitidos a página requisitar.

Provavelmente olha no head da página.

Espero ter ajudado.

Não há esse tipo de configuração no head. Segue o código HTML

<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />

    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
      integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
      crossorigin="anonymous"
    />
    <link
      href="https://fonts.googleapis.com/css?family=Pacifico&display=swap"
      rel="stylesheet"
    />
    <title>PetShop!</title>
  </head>
  <body>
  <nav class="navbar navbar-light bg-light">
    <a class="navbar-brand" href="#">
      <img
        src="./assets/img/doguinho.png"
        width="50"
        height="50"
        class="d-inline-block align-top"
        alt=""
      />
      PetShop!
    </a>
    <ul class="nav justify-content-end">
      <li class="nav-item">
        <a class="nav-link active" href="#">Clientes</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Pets</a>
      </li>
    </ul>
  </nav>
  <div data-container>

  </div>

  </body>
</html>

Alguma outra ideia?

Fala Frederico, estranho, consegue compartilhar o projeto completo comigo? Assim eu consigo simular o problema por aqui e analisá-lo com mais calma.

Pode compartilhar através do Github ou Google Drive (zipado).

Fico no aguardo.