Estou fazendo uma chamada de API usando o Axios em um aplicativo React Web. No entanto, estou recebendo o erro no Chrome como,

XMLHttpRequest não pode carregarhttps://example.restdb.io/rest/mock-data. Nenhum cabeçalho 'Access-Control-Allow-Origin' está presente no recurso solicitado. Origemhttp: // localhost: 8080'não é, portanto, permitido o acesso.

    {
      axios.get('https://example.restdb.io/rest/mock-data', {
      headers: { 
      'x-apikey': 'API_KEY',
      },
    responseType: 'json',
     }).then(response => {
      this.setState({ tableData: response.data });
    });
    }

Também li várias respostas no StackOverflow sobre o mesmo problema, intitulado "Access-Control-Allow-Origin", mas ainda não consegui descobrir como resolver isso. Eu não quero usar uma extensão no Chrome ou usar um hack temporário para resolver isso. Sugira a maneira padrão de resolver o problema acima.

Depois de tentar algumas respostas, tentei com isso,

    headers: { 
      'x-apikey': '59a7ad19f5a9fa0808f11931',
      'Access-Control-Allow-Origin' : '*',
      'Access-Control-Allow-Methods' : 'GET,PUT,POST,DELETE,PATCH,OPTIONS',
    },

Agora recebo o erro como,

Campo de cabeçalho da solicitação Acesso-Controle-Permitir-Origem não é permitido pelos Acessos-Controle-Permitir-Cabeçalhos na resposta de comprovação