аю вызов API, используя Axios в приложении React Web. Однако я получаю ошибку в Chrome,

XMLHttpRequest не может загрузитьhttps://example.restdb.io/rest/mock-data, В запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». ПроисхождениеHTTP: // локальный: 8080Поэтому не допускается доступ.

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

Я также прочитал несколько ответов на StackOverflow об одной и той же проблеме под названием «Access-Control-Allow-Origin», но все еще не могу понять, как решить эту проблему. Я не хочу использовать расширение IN Chrome или использовать временный хак для решения этой проблемы. Пожалуйста, предложите стандартный способ решения вышеуказанной проблемы.

Попробовав несколько ответов, которые я попробовал с этим,

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

Теперь я получаю ошибку как,

Поле заголовка запроса Access-Control-Allow-Origin не разрешено Access-Control-Allow-Headers в предварительном ответе