How to resolve Access-Control-Allow-Origin when requested via axios?

Question

AJAX

I make a request to the site through axios:

export const converterAPI = {
  getData() {
    return axios.get('https://currate.ru/api/?get=rates&pairs=USDRUB,EURRUB,EURGBP&key=KEY')
    .then(response => response.data) 
  }
}

It gives the following error: Access to XMLHttpRequest at ' https://currate.ru/api ' from origin ' localhost:3000 ' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource .
One solution is to add Access-Control-Allow-Methods: *only it does not help, please tell me how to solve this problem?

Answer 1

The Access-Control-Allow-Origin header must be present in the currate.ru site response.
Without such a header, you can only make requests via AJAX from the pages of the currate.ru site.
The solution is to make a request through the backend of your site.