Есть адрес сервера, по которому должны отправляться запросы:
http://tmgwebtest.azurewebsites.net/api/textstrings/{id}, где {id} – идентификатор строки.
Идентификатор строки является целым числом и может принимать значения в диапазоне от 1 до 20 (значения «005», «05» и «5» – эквивалентны).
По GET-запросу по этому адресу должен возвращаться JSON со следующей структурой {"text":"Some text here."} (поле text содержит искомую строку).
Для аутентификации на сервере необходимо добавить к запросу заголовок «TMG-Api-Key» со значением «0J/RgNC40LLQtdGC0LjQutC4IQ==».
Вот мой код
async function fetchApi() {
const id = 15
const url = `http://tmgwebtest.azurewebsites.net/api/textstrings/${id}`
await axios.get(
url,
{headers: {
"TMG-Api-Key" : "0J/RgNC40LLQtdGC0LjQutC4IQ=="
}
}
)
.then((response) => {
const respons = response.data;
console.log(respons);
},
(error) => {
console.log(error);
}
);
}
Но мне выводиться следующая ошибка :
Access to XMLHttpRequest at '
tmgwebtest.azurewebsites.net/api/textstrings/15' from origin '
localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request.
Как исправить проблему с CORS?