Возможно, это происходит по следующим причинам:
1. Same-Origin Policy (Политика одного источника): Браузеры применяют Same-Origin Policy, которая ограничивает доступ к данным с других доменов, протоколов или портов. Если URL-адрес, к которому вы пытаетесь обратиться с помощью axios или fetch, не соответствует политике Same-Origin, то браузер запретит доступ к данным и вы получите ошибку.
2. CORS (Cross-Origin Resource Sharing): CORS - это механизм, который позволяет серверу указать, что конкретные источники имеют разрешение на доступ к ресурсам на другом домене. Если сервер не настроен на поддержку CORS, то браузеры могут блокировать запросы, и вы получите ошибку.
3. Тип ресурса: Если ресурс, на который вы пытаетесь сделать запрос, не является обычным текстом или JSON, то может возникнуть ошибка. Например, если ресурс имеет тип blob, то браузеры могут блокировать его загрузку из-за потенциальной угрозы безопасности.
Все эти проблемы могут возникать и при использовании fetch, и при использовании axios. Проверьте настройки сервера, чтобы убедиться, что он поддерживает CORS и правильно настроен для отдачи ресурса, к которому вы обращаетесь. Если возникает ошибка из-за политики Same-Origin, вы можете попытаться выполнить запрос через прокси-сервер или серверную часть приложения для обхода этого ограничения.