Requisição cross-origin bloqueada

Não sei se muda alguma coisa mais eu estou usando o Firefox, está aparecendo o erro 400 Bad Request (O código de status de resposta HTTP 400 Bad Request indica que o servidor não pode ou não irá processar a requisição devido a alguma coisa que foi entendida como um erro do cliente (por exemplo, sintaxe de requisição mal formada, enquadramento de mensagem de requisição inválida ou requisição de roteamento enganosa).)

Eu acredito que seja algum erro o código que não esteja formatando corretamente o código para enviar para o servidor, vou tentar revisar o código mais uma vez ( já é a 3° vez kkkk ) para ver se encontro este erro.

Projeto completo: https://github.com/M4rcusVinicius/Petshop

File : cadastro-clientes.js

 const formCadastroCliente = document.querySelector('[data-form]')

 formCadastroCliente.addEventListener("submit", event => {
       event.preventDefault()

       const nome = event.target.querySelector('[data-nome]')
       const cpf = event.target.querySelector('[data-cpf]')

       cadastrarClientes(nome.value, cpf.value)
})

File : clientes.js

const exibeCliente = (cpf, nome) => {
  const linha = document.createElement("tr");
  const conteudoLinha = `
  <td>${cpf}</td>
  <td>${nome}</td>
  `;

  linha.innerHTML = conteudoLinha;
  return linha;
};

const corpoTabela = document.querySelector("[data-conteudo-tabela]");

informacoesClientes.forEach(indice => {
  corpoTabela.appendChild(exibeCliente(indice.cpf, indice.nome))
})