Erro na execução

Segui os passos do vídeo inclusive coloquei o npx na frente do comando json-server e é isso que aparece no console da página:

Access to font at 'https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2' from origin 'null' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains the invalid value 'null//undefined'.
css2:1 GET https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2 net::ERR_FAILED
lista_cliente.html:1 Access to XMLHttpRequest at 'http://localhost:3000/profile' from origin 'null' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains the invalid value 'null//undefined'.
cliente-service.js:4 GET http://localhost:3000/profile net::ERR_FAILED

Assim que ta meu código:

const http = new XMLHttpRequest()

http.open('GET', 'http://localhost:3000/profile') //dois argumentos o primeiro é o que eu vou pedir para o meu servidor(get) e o segundo é o endereço para onde vou enviar minha requisição
http.send() //envia nossa requisição

http.onload = () => {     //onload vai esta o que será executado assim que a página carregar
    const data = http.response   //response é o que o navegador vai devolver
    console.log(data)
}

O html:

<script src="../service/cliente-service.js"></script>

Minha máquina é um linux mint