Задать вопрос
SerJook
@SerJook
кодер
javascript

Как исправить ошибку при запросе к API с использованием axios?

Простите за нубский вопрос.
Изучаю Vue.js, смотрю в документации есть пример доступу к интересному API:
https://yesno.wtf/api
(магический шар).

Пишу в компоненте:
mounted() {
  axios
     .get('https://yesno.wtf/api')
     .then(response => (this.info = response.data.answer));
},


И что бы вы думали? Получаю ошибку:

app.js:279 OPTIONS https://yesno.wtf/api 404 (Not Found)
(index):1 Access to XMLHttpRequest at 'https://yesno.wtf/api' from origin 'localhost' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.


Почему в доках это написано, но оно не работает? Хнык-хнык.
Как это исправить?
  • Вопрос задан
  • 515 просмотров
3 комментария
Подписаться 1 Простой 3 комментария
Пригласить эксперта
Ответы на вопрос 1
@grinat
Хедеры аксиос отправляет, из за этого запрашивается дополнительно options, чтобы узнать можно ли отправлять запрос с такими заголовками. Убери их и наступит щастье
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Приложение или модуль для Wordpress для учета поездок по QR
25 апр. 2024, в 03:58
10000 руб./за проект
Ошибка в 1с при выгрузке товаров на сайт на Битриксе
25 апр. 2024, в 03:08
3000 руб./за проект
Создание и публикация короткого (reels) UGC-видео на YouTube-канале
25 апр. 2024, в 01:46
500 руб./за проект
Ещё заказы