Network error when attempting to fetch resource firefox как исправить

Содержание

  1. Почему периодически возникает ошибка NetworkError when attempting to fetch resource?
  2. Ошибка NetworkError when attempting to fetch resource.
  3. Сообщений [ 6 ]
  4. 1 Тема от Александр 26.08.2021 15:10:24
  5. Тема: Ошибка NetworkError when attempting to fetch resource.
  6. 2 Ответ от admin 26.08.2021 20:15:24
  7. Re: Ошибка NetworkError when attempting to fetch resource.
  8. 3 Ответ от Александр 26.08.2021 20:57:28
  9. Re: Ошибка NetworkError when attempting to fetch resource.
  10. TypeError: NetworkError when attempting to fetch resource — firefox issue #310
  11. Comments
  12. Footer

Почему периодически возникает ошибка NetworkError when attempting to fetch resource?

Делаю вот такой запрос:

Почему, обычно при первой загрузке, выдает ошибку TypeError: «NetworkError when attempting to fetch resource.» Иногда все нормально и все загружается иногда нет.
Подскажите плиз что это за ошибка, почему она возникает и как ее решить. Заранее спасибо!

  • Вопрос задан более двух лет назад
  • 6326 просмотров

Простой 18 комментариев

Хотел помочь но прочитав комменты передумал.

Подскажите плиз что это за ошибка, почему она возникает и как ее решить

Виктор Поляков, «Вот как ты думаешь, зачем создали тостер?» — тостер это q&a, то есть сервис вопросов и ответов, что-то типа базы знаний к которой можно обратиться при случае. Не сервис IT помощи для ленивых, а именно база знаний, как stackoverflow

«Мне лично это не помогло» — и как раз суть q&a не в том, чтобы ответы помогали кому-то лично в их конкретных рабочих задачах, а в обмене опытом и знаниями.

В вашем случае мне кажется достаточно очевидно, что если ошибка сетевая, то виновник тут не реакт или js, а кто-то другой — может быть человек который криво написал вам сервис, а может быть кот который играет с проводом питания роутера. Проблема не на вашей стороне короче

Robur, Да я уже получил ответ на свой вопрос. Помогли НОРМАЛЬНЫЕ люди которые умеют нормально объяснять, а главное без закидонов. Что-то там это у Вас, а у меня обычная аллергия на свинское отношение.

Хорошо, приведем пример, Вы задаете вопрос, из обычной жизни. К примеры обращаетесь ко мне и спрашиваете как пройти к такому-то магазину.
Я вместо ответа: ну к магазину можешь пройти по асфальту, который находится на дороге, что тут сложного.
Вы отвечаете, да я понял что по асфальту и по дороге, зачем так отвечать, неужели сложно нормально подсказать.
Я: Ну раз ты не можешь включить свой мозг и посмотреть по навигатору, то это очень печально.
Вы: Да я смотрел, но к сожалению не нашел. Если не хотите помогать то не надо выделываться.

Подходит прохожий: Ну вам же сказали по дороге зачем вы грубите. Что тут не понятного. Теперь я Вам тоже дорогу не покажу.

Я вроде как ответил на вопросы, но само содержание ответа, разве может считаться нормальным??

Если уж проводить аналогию, то правильнее будет так:

Вы обращаетесь к прохожему и спрашиваете как пройти к таком-то магазину.
Прохожий: «Разве вы не видите, вон вывеска, вам через дорогу напротив».
Вы отвечаете: «да ладно?))) Вот ты Америку открыл))) А то я по сторонам не посмотрел сначала? Я что, по твоему слепой, что мне эта вывеска?».
Прохожий: Ну раз вы не можете включить свой мозг и пойти туда где вывеска, то это очень печально.
Вы: «Ну ты и мудила. Пойду поспрашиваю у тех кто нормально ответит!»

и дальше топчитесь на месте, громко возмущаясь, рассказывая всем людям как вам тут нахамили с криками «я не потерплю!» «я недавно здесь» «А вот за границей мне бы вежливо ответили» «да я таких посылать буду сразу же» «ответ — посмотри по сторонам — это не для нашего города!!» и так далее.

Хотя можно было сказать «а, точно, вывеска, вон же он, спасибо» и за 2 минуты попасть куда вам надо.

Виктор Поляков, да какие взгляды — я просто заменил в вашем примере вежливые фразы которых там в оригинале не было на слова которые действительно были в диалоге и комментариях после. Практически скопипастил.

Если вам не нравится как это выглядит со стороны настолько что вы называете это «моим взгялом», ну, дело ваше, вам тоже всего хорошего, и поменьше видеть принижений и издевок вокруг себя.
Больше сил и времени останется на изучение технологий и профессиональный рост.

Прочитал, и еще раз убедился, что рашен-комьюнити недопрограммистов полный отстой, мнят себя божничкой, а сами работают в Залупинске где-нибудь типа IT в отделе. зарплата маленькая, тёлка страшная да и та не дает, квартира в ипотеку, приходится хоть как-то самооценку свою поднимать, только она тут Н@хуй ни кому не интересна.

Если бы такой педик, к которому чел обратился бы за советом, работал в гугле или фейсбуке, а тот бы его послал гуглить, то на хyй бы вылетел с работы на следующий день, потому что, там ценят дух взаимоподдержки и роста для начинающих, и когда к ним обращаются за обычным советом челики уровня 1-2, то более умные стараются максимально помочь, потому что те своим ростом поднимают более умных вверх по карьере.

Но Вам, обезьянкам, (как в Штатах вас называют, «программистов» из России) это не грозит, потому что, таких бакланов как Вы, в комьюнити нормальных пацанов нет и быть не может.

Так что сидеть тут , и писать какие вы охyенные это ваш реальный предел.
Мечтайте в своем забвении, что может кто-то из комьюнити Хабра и подберет вас, на вшивую работенку.

Источник

Ошибка NetworkError when attempting to fetch resource.

Форум ReadyScript Вопросы по работе с системой Ошибка NetworkError when attempting to fetch resource.

Чтобы отправить ответ, вы должны войти или зарегистрироваться

Сообщений [ 6 ]

1 Тема от Александр 26.08.2021 15:10:24

  • Александр
  • Новый участник
  • Неактивен
  • Зарегистрирован: 26.08.2021
  • Сообщений: 4

Тема: Ошибка NetworkError when attempting to fetch resource.

Установил систему для ознакомления и тестирования на локальном сервере (с доменной зоной .local).
Два дня было все нормально. Все работало без сбоев.
Сейчас при попытке добавить товар в корзину стала появляется ошибка NetworkError when attempting to fetch resource и сайт подвисает.
При попытке перейти в корзину так же появляется эта ошибка.
После перезагрузки локального сервера и обновления страницы показывает, что в корзине есть товары. Но при попытке добавить еще товар происходит то же самое и та же самая ошибка.

2 Ответ от admin 26.08.2021 20:15:24

  • admin
  • в работе
  • Неактивен
  • Откуда: Краснодар
  • Зарегистрирован: 19.06.2014
  • Сообщений: 1,080
  • Рейтинг: 146

Re: Ошибка NetworkError when attempting to fetch resource.

Посмотрите, какой статус ответа от запроса на сервер на вкладке Network.
Если 503, то выполните это https://readyscript.ru/faq/#faq-errors и после этого еще раз посмотрите на Response на вкладке Network, там должна быть ошибка в развернутом виде.

На упреждение:
Проверьте значение в phpinfo() — mb_string.func_overload, должно быть = 0
Проверьте, чтобы в mysql был отключен strict mode, т.е. было sql_mode = »[пустые кавычки] в my.cfg

3 Ответ от Александр 26.08.2021 20:57:28

  • Александр
  • Новый участник
  • Неактивен
  • Зарегистрирован: 26.08.2021
  • Сообщений: 4

Re: Ошибка NetworkError when attempting to fetch resource.

1) Вот с этими пунктами все ОК:

Проверьте значение в phpinfo() — mb_string.func_overload, должно быть = 0
Проверьте, чтобы в mysql был отключен strict mode, т.е. было sql_mode = »[пустые кавычки] в my.cfg

2) Посмотрите, какой статус ответа от запроса на сервер на вкладке Network.

По этому пункту вообще ничего, никаких статусов в ответе нет на вкладке Network. Система (сайт на frontend) пытается добавить товар в корзину и просто зависает. Приходится перезагружать сервер (Openserver).

Два дня было все ок, а потом вот так вот стало. На сервере ничего не перенастраивал.
Только устанавливал модули из магазина приложений. Возможно из-за какого то модуля.
Попробую еще раз выполнить чистую установку системы и потом следить при каждой установке дополнительного модуля, может после установки какого модуля это снова произойдет.

Источник

TypeError: NetworkError when attempting to fetch resource — firefox issue #310

Hi, I have simple function for logout that looks like this

It is workin in chrome but in firefox I get «TypeError: NetworkError when attempting to fetch resource.1 (unknown)». Client side app is on the same server as backend, I’m using https connection with self-signed cert, could it be the issue?

The text was updated successfully, but these errors were encountered:

Firefox contains a native fetch implementation and does not use this polyfill code. You can use the Network tab in Firefox’s web console to debug the request and response.

On chrome, I’ve got «TypeError: Failed to fetch»
On firefox, the same «TypeError: NetworkError when attempting to fetch resource»
..

Have you check errors like CORS?

@ariden83 did you figure out what was causing the errors? I’m seeing the same issues in isolated cases

Can we reopen this ticket?
I’m seeing the same error, but only on Firefox.
Also, nothing shows up in the Network tab.

There maybe relational link.

I’m seeing the same error,except chrome

I have the same exact issue. everything is fine in chrome but firefox caches wrong fetch response. and the worst of all is that it caches this error as response of that particular endpoint of my api for a LONG time.

Having the same issue when I have network.http.referer.XOriginPolicy set to 1 («send a referrer only when the base domains are the same»). Is that supposed to happen? I’m quite sure the base domain of localhost matches the base domain of itself 🙂

I was accessing Function app, via Logic app, when I got the above error.

Following worked for me:

  1. Function app > Platform features tab > API > CORS > Allowed Origins > (remove all, Save)
  2. Function app > Platform features tab > API > CORS > Allowed Origins > * > Save (that is add * and save)
  3. Function app > Overview tab > Restart

Hope that helps.

@manoharreddyporeddy function app > platform features tab etc
what are those?

@aguayUmbt they are menu/sequence of operations to be done in the Azure portal

@jcimoch, I am having the same issue. Please tell me how to debug it. 🙂

For those who are writing Firefox addon, the solution here helped me, I have to add «*://localhost/*»
to permissions key in manifest.json :

Chrome just works without the need to add this permission.

If anyone comes across this, I had the same error in Firefox (but with a different application) and it turns out it was because the (self-signed) SSL certificate I was using on the server was not trusted in Firefox. I added the self-signed root CA to Firefox and all was well.

In our case, the solution was not using the wild card for Access-Control-Allow-Origin on the server side, instead of the wild card, our settings look like this:

Check if you are using http or https on your server. For me, the error was coming online with heroku server because they use https while in local machine I was using http and it was working.
After choosing https on Heroku for my endpoints, it also worked

I managed to solve the problem by monitoring the headers returned by github used on the demo page.
Since I’m using a python webserver, they look something like this:

For me, Swagger UI for some reason crashes when I use examples that consume multilanguage resource files. So I removed the examples from Swagger config and Swager UI started working properly again — of course, without examples.

Tried in a Rails 6 only-api app with CORS enabled, using NGROK and no luck.

and got it working.

Same issue. But what is particular in my situation is that I need to fetch a blob url, like «blob:https://images.google.com.hk/9143673d-b976-4416-b29c-85ce48a77da6».

However, if I declare manifest.json as

Firefox does not recognize it, and throws a warning message, «Reading manifest: Warning processing permissions: Error processing permissions.1: Value «blob:» must either: must either [must either [be one of [«clipboardRead», «clipboardWrite», «geolocation», «idle», «notifications»], be one of [«bookmarks»], be one of [«find»], be one of [«history»], be one of [«menus.overrideContext»], be one of [«search»], be one of [«topSites»], be one of [«activeTab», «tabs», «tabHide»], be one of [«browserSettings»], be one of [«cookies»], be one of [«downloads», «downloads.open»], be one of [«privacy»], be one of [«webNavigation»], or be one of [«webRequest», «webRequestBlocking»]], be one of [«alarms», «mozillaAddons», «storage», «unlimitedStorage»], be one of [«captivePortal»], be one of [«browsingData»], be one of [«devtools»], be one of [«identity»], be one of [«menus», «contextMenus»], be one of [«normandyAddonStudy»], be one of [«pkcs11»], be one of [«geckoProfiler»], be one of [«sessions»], be one of [«urlbar»], be one of [«contextualIdentities»], be one of [«dns»], be one of [«activityLog»], be one of [«management»], be one of [«networkStatus»], be one of [«proxy»], be one of [«nativeMessaging»], be one of [«telemetry»], be one of [«theme»], or match the pattern /^experiments(.w+)+$/], or must either [be one of [«»], must either [match the pattern /^(https?|wss?|file|ftp|*)://(*|*.[^*/]+|[^*/]+)/.$/, or match the pattern /^file:///.$/], or match the pattern /^resource://(*|*.[^*/]+|[^*/]+)/.$|^about:/]»

Maybe the pattern /^(https?|wss?|file|ftp|*)://(*|*.[^*/]+|[^*/]+)/.*$/ can provide some hints, but useless for a blob URL. 😞

I don’t need to declare any permission about blob URL at chrome.

All right, it looks like is the only way.

I had this problem and turned out that someone had put redirection (window.location = ‘/’) not in the promise’s resolve function, but immediately after the fetch call, so the application was aborting the call and redirecting to the index.

© 2023 GitHub, Inc.

You can’t perform that action at this time.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

Источник

Same issue. But what is particular in my situation is that I need to fetch a blob url, like «blob:https://images.google.com.hk/9143673d-b976-4416-b29c-85ce48a77da6».

However, if I declare manifest.json as

{
   ...
   "permissions": [
       "blob:*",
    ]
} 

Firefox does not recognize it, and throws a warning message, «Reading manifest: Warning processing permissions: Error processing permissions.1: Value «blob:» must either: must either [must either [be one of [«clipboardRead», «clipboardWrite», «geolocation», «idle», «notifications»], be one of [«bookmarks»], be one of [«find»], be one of [«history»], be one of [«menus.overrideContext»], be one of [«search»], be one of [«topSites»], be one of [«activeTab», «tabs», «tabHide»], be one of [«browserSettings»], be one of [«cookies»], be one of [«downloads», «downloads.open»], be one of [«privacy»], be one of [«webNavigation»], or be one of [«webRequest», «webRequestBlocking»]], be one of [«alarms», «mozillaAddons», «storage», «unlimitedStorage»], be one of [«captivePortal»], be one of [«browsingData»], be one of [«devtools»], be one of [«identity»], be one of [«menus», «contextMenus»], be one of [«normandyAddonStudy»], be one of [«pkcs11»], be one of [«geckoProfiler»], be one of [«sessions»], be one of [«urlbar»], be one of [«contextualIdentities»], be one of [«dns»], be one of [«activityLog»], be one of [«management»], be one of [«networkStatus»], be one of [«proxy»], be one of [«nativeMessaging»], be one of [«telemetry»], be one of [«theme»], or match the pattern /^experiments(.w+)+$/], or must either [be one of [«<all_urls>»], must either [match the pattern /^(https?|wss?|file|ftp|*)://(*|*.[^*/]+|[^*/]+)/.$/, or match the pattern /^file:///.$/], or match the pattern /^resource://(*|*.[^*/]+|[^*/]+)/.$|^about:/]»

Maybe the pattern /^(https?|wss?|file|ftp|*)://(*|*.[^*/]+|[^*/]+)/.*$/ can provide some hints, but useless for a blob URL. 😞

I don’t need to declare any permission about blob URL at chrome.

All right, it looks like <all_urls> is the only way.

Содержание

  1. Network error when attempting to fetch resource firefox как исправить
  2. Полезная информация
  3. №1 27-07-2020 23:31:33
  4. проблемы с входом в акаунт
  5. №2 28-07-2020 00:08:48
  6. Re: проблемы с входом в акаунт
  7. №3 28-07-2020 18:52:14
  8. Re: проблемы с входом в акаунт
  9. №4 30-07-2020 23:34:18
  10. Re: проблемы с входом в акаунт
  11. №5 31-07-2020 00:03:26
  12. Re: проблемы с входом в акаунт
  13. №6 31-07-2020 11:05:30
  14. Re: проблемы с входом в акаунт
  15. Ошибка NetworkError when attempting to fetch resource.
  16. Сообщений [ 6 ]
  17. 1 Тема от Александр 26.08.2021 15:10:24
  18. Тема: Ошибка NetworkError when attempting to fetch resource.
  19. 2 Ответ от admin 26.08.2021 20:15:24
  20. Re: Ошибка NetworkError when attempting to fetch resource.
  21. 3 Ответ от Александр 26.08.2021 20:57:28
  22. Re: Ошибка NetworkError when attempting to fetch resource.
  23. «NetworkError when attempting to fetch resource.» only on Firefox
  24. 4 Answers 4
  25. Linked
  26. Related
  27. Hot Network Questions
  28. Subscribe to RSS
  29. Почему периодически возникает ошибка NetworkError when attempting to fetch resource?

Network error when attempting to fetch resource firefox как исправить

Полезная информация

Страницы: 1

№1 27-07-2020 23:31:33

проблемы с входом в акаунт

С две недели примерно, как возникли проблемы с входом в акаунт firefox, и синхронизацией комьютеров. Такая сетуация на двух компьютерах, на одном с системой windows 7, и на другом с системой windows 10. все системы 32-х битные.
при наборе адреса http://accounts.firefox.com, просто висит и пишет график загрузка. скриншот не смогу сделать, так как полностю незрячий, и использую скринридеры. Пробовал открывать сайт accounts.firefox.com, уж на разных браузерах, и оно также висит. пробовал полностю удалять файл windowssystem32driversetchosts
и после того делал ipconfig /flushdns
просто уже всё перепробовал и незнаю, где и что править.
браузер тоже пробовал переустанавливать, и удалять профили перед переустановкой, и чистить реестр, но оно не помогло.
при установке никакие плагины не ставятся, чтоб на них грешить.
при наборе адреса accounts.firefox.com
вот такая страничка.
извените,, что без скриншота.
Аккаунты Firefox
Загрузка
about

если в меню инструменты выбрать войти в firefox, и потом нажать кнопку войти в синхронизацию, то аналогичная сетуация, только что тогда в адресной строке вот такое:
https://accounts.firefox.com/?context=fx_desktop_v3&entrypoint=menubar&action=email&service=sync
но никуда не заходит и просто висит.

№2 28-07-2020 00:08:48

Re: проблемы с входом в акаунт

А по такой ссылке 1 зайдёт? Проигнорируйте предупреждение, это IP-адреса сайта accounts.firefox.com
Ссылка 2 ссылка 3 ссылка 4

В так выглядит страница?

№3 28-07-2020 18:52:14

Re: проблемы с входом в акаунт

Если идти по такой ссылке, и потом можна нажать принять риск и продолжить. потом предлагает ввести адрес электронной почты, ну и дальше просто висит. вот так оно выглядит. опять даю текстом, скриншот не смогу сделать.

Введите ваш адрес электронной почты Продолжить в Account Settings
NetworkError when attempting to fetch resource.
Ищете Синхронизацию Firefox? Начните здесь ✕
Зарегистрируйтесь, чтобы получить больше возможностей:

Браузер Firefox Синхронизируйте свои закладки, пароли и многое другое между всеми своими устройствами.
Firefox Lockwise Получите безопасный доступ к паролям, сохранённым в Firefox, из любого места — даже за пределами браузера.
Firefox Monitor Следите за утечками данных.
Firefox Send Безопасно и приватно отправляйте большие файлы.

адрес электронной почты я ввел и оно просто повисло и уже пароль не предлагает.

Отредактировано felcons (28-07-2020 18:53:35)

№4 30-07-2020 23:34:18

Re: проблемы с входом в акаунт

А вообще у кого-то работает синхронизация? Оно вообще входит в акаунты и синхронизирует? Где ещё править? почему оно ж может не входить? с разных при том браузеров уже и с портабельного я пробовал.

№5 31-07-2020 00:03:26

Re: проблемы с входом в акаунт

А вообще у кого-то работает синхронизация? Оно вообще входит в акаунты и синхронизирует?

Работает и на десктопе и на андроиде. Только вот «отправить вкладку» не всегда быстро срабатывает и приходится вручную синхронизировать устройство, на которое вкладка была отправлена.
Может быть у вашего изменён user-agent и сервис вас попросту дальше экрана бесконечной загрузки не пускает? Проверял только на Edge — там тоже бесконечная загрузка. Оно и понятно, что сервис только для и другим браузерам туда вход (возможно) запрещён

№6 31-07-2020 11:05:30

Re: проблемы с входом в акаунт

А вообще у кого-то работает синхронизация? Оно вообще входит в акаунты и синхронизирует?

Случается такое. Иногда
Но настолько капризно, что я никогда на него не рассчитываю. Бэкап и только бэкап.

и приходится вручную синхронизировать устройство, на которое вкладка была отправлена.

Полностью согласен. Почему то принудительно приходится андроид синхронизировать, хотя пишет что вот-вот, я, мол, недавно, синхронизировал.

Думается, что не в UA дело. В европах на синхронизацию жалоб меньше в разы. Ощущение что новый руководитель Роскомнадзора (если вы в РФ) ещё не все глупости предыдущего начальника исправил. А тот за несколько лет заблокировал всё что можно. Мозилла же сама серверы не держит.

Источник

Форум ReadyScript Вопросы по работе с системой Ошибка NetworkError when attempting to fetch resource.

Чтобы отправить ответ, вы должны войти или зарегистрироваться

Сообщений [ 6 ]

1 Тема от Александр 26.08.2021 15:10:24

  • Александр
  • Новый участник
  • Неактивен
  • Зарегистрирован: 26.08.2021
  • Сообщений: 4

Тема: Ошибка NetworkError when attempting to fetch resource.

Установил систему для ознакомления и тестирования на локальном сервере (с доменной зоной .local).
Два дня было все нормально. Все работало без сбоев.
Сейчас при попытке добавить товар в корзину стала появляется ошибка NetworkError when attempting to fetch resource и сайт подвисает.
При попытке перейти в корзину так же появляется эта ошибка.
После перезагрузки локального сервера и обновления страницы показывает, что в корзине есть товары. Но при попытке добавить еще товар происходит то же самое и та же самая ошибка.

2 Ответ от admin 26.08.2021 20:15:24

  • admin
  • в работе
  • Неактивен
  • Откуда: Краснодар
  • Зарегистрирован: 19.06.2014
  • Сообщений: 1,080
  • Рейтинг: 146

Re: Ошибка NetworkError when attempting to fetch resource.

Посмотрите, какой статус ответа от запроса на сервер на вкладке Network.
Если 503, то выполните это https://readyscript.ru/faq/#faq-errors и после этого еще раз посмотрите на Response на вкладке Network, там должна быть ошибка в развернутом виде.

На упреждение:
Проверьте значение в phpinfo() — mb_string.func_overload, должно быть = 0
Проверьте, чтобы в mysql был отключен strict mode, т.е. было sql_mode = »[пустые кавычки] в my.cfg

3 Ответ от Александр 26.08.2021 20:57:28

  • Александр
  • Новый участник
  • Неактивен
  • Зарегистрирован: 26.08.2021
  • Сообщений: 4

Re: Ошибка NetworkError when attempting to fetch resource.

1) Вот с этими пунктами все ОК:

Проверьте значение в phpinfo() — mb_string.func_overload, должно быть = 0
Проверьте, чтобы в mysql был отключен strict mode, т.е. было sql_mode = »[пустые кавычки] в my.cfg

2) Посмотрите, какой статус ответа от запроса на сервер на вкладке Network.

По этому пункту вообще ничего, никаких статусов в ответе нет на вкладке Network. Система (сайт на frontend) пытается добавить товар в корзину и просто зависает. Приходится перезагружать сервер (Openserver).

Два дня было все ок, а потом вот так вот стало. На сервере ничего не перенастраивал.
Только устанавливал модули из магазина приложений. Возможно из-за какого то модуля.
Попробую еще раз выполнить чистую установку системы и потом следить при каждой установке дополнительного модуля, может после установки какого модуля это снова произойдет.

Источник

«NetworkError when attempting to fetch resource.» only on Firefox

I’m doing a POST request from my frontend using fetch API. But when I tried in Firefox, it doesn’t work. In Chrome works fine.

Here’s what I’m trying to do.

4 Answers 4

For me it was a matter of adding event.preventDefault()

So, guys, here’s the solution.

The problem was the time for refreshing the form, is refreshing before send it. To solve this, set to refresh the form on response, and is done!

It was a CORS problem in my case — the browser blocked the POST request because Access-Control-Allow-Headers response header wasn’t set by the server. Setting it to ‘*’ on the server did the job.

If you’re posting to an express server, make sure that the request and response objects are being used in your POST route on that server. Even if you just return res.send(). None of the other solutions worked for me.

Linked

Hot Network Questions

To subscribe to this RSS feed, copy and paste this URL into your RSS reader.

Site design / logo © 2023 Stack Exchange Inc; user contributions licensed under CC BY-SA . rev 2023.1.14.43159

By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy.

Источник

Почему периодически возникает ошибка NetworkError when attempting to fetch resource?

Делаю вот такой запрос:

Почему, обычно при первой загрузке, выдает ошибку TypeError: «NetworkError when attempting to fetch resource.» Иногда все нормально и все загружается иногда нет.
Подскажите плиз что это за ошибка, почему она возникает и как ее решить. Заранее спасибо!

  • Вопрос задан более двух лет назад
  • 6322 просмотра

Простой 18 комментариев

Хотел помочь но прочитав комменты передумал.

Подскажите плиз что это за ошибка, почему она возникает и как ее решить

Виктор Поляков, «Вот как ты думаешь, зачем создали тостер?» — тостер это q&a, то есть сервис вопросов и ответов, что-то типа базы знаний к которой можно обратиться при случае. Не сервис IT помощи для ленивых, а именно база знаний, как stackoverflow

«Мне лично это не помогло» — и как раз суть q&a не в том, чтобы ответы помогали кому-то лично в их конкретных рабочих задачах, а в обмене опытом и знаниями.

В вашем случае мне кажется достаточно очевидно, что если ошибка сетевая, то виновник тут не реакт или js, а кто-то другой — может быть человек который криво написал вам сервис, а может быть кот который играет с проводом питания роутера. Проблема не на вашей стороне короче

Robur, Да я уже получил ответ на свой вопрос. Помогли НОРМАЛЬНЫЕ люди которые умеют нормально объяснять, а главное без закидонов. Что-то там это у Вас, а у меня обычная аллергия на свинское отношение.

Хорошо, приведем пример, Вы задаете вопрос, из обычной жизни. К примеры обращаетесь ко мне и спрашиваете как пройти к такому-то магазину.
Я вместо ответа: ну к магазину можешь пройти по асфальту, который находится на дороге, что тут сложного.
Вы отвечаете, да я понял что по асфальту и по дороге, зачем так отвечать, неужели сложно нормально подсказать.
Я: Ну раз ты не можешь включить свой мозг и посмотреть по навигатору, то это очень печально.
Вы: Да я смотрел, но к сожалению не нашел. Если не хотите помогать то не надо выделываться.

Подходит прохожий: Ну вам же сказали по дороге зачем вы грубите. Что тут не понятного. Теперь я Вам тоже дорогу не покажу.

Я вроде как ответил на вопросы, но само содержание ответа, разве может считаться нормальным??

Если уж проводить аналогию, то правильнее будет так:

Вы обращаетесь к прохожему и спрашиваете как пройти к таком-то магазину.
Прохожий: «Разве вы не видите, вон вывеска, вам через дорогу напротив».
Вы отвечаете: «да ладно?))) Вот ты Америку открыл))) А то я по сторонам не посмотрел сначала? Я что, по твоему слепой, что мне эта вывеска?».
Прохожий: Ну раз вы не можете включить свой мозг и пойти туда где вывеска, то это очень печально.
Вы: «Ну ты и мудила. Пойду поспрашиваю у тех кто нормально ответит!»

и дальше топчитесь на месте, громко возмущаясь, рассказывая всем людям как вам тут нахамили с криками «я не потерплю!» «я недавно здесь» «А вот за границей мне бы вежливо ответили» «да я таких посылать буду сразу же» «ответ — посмотри по сторонам — это не для нашего города!!» и так далее.

Хотя можно было сказать «а, точно, вывеска, вон же он, спасибо» и за 2 минуты попасть куда вам надо.

Виктор Поляков, да какие взгляды — я просто заменил в вашем примере вежливые фразы которых там в оригинале не было на слова которые действительно были в диалоге и комментариях после. Практически скопипастил.

Если вам не нравится как это выглядит со стороны настолько что вы называете это «моим взгялом», ну, дело ваше, вам тоже всего хорошего, и поменьше видеть принижений и издевок вокруг себя.
Больше сил и времени останется на изучение технологий и профессиональный рост.

Прочитал, и еще раз убедился, что рашен-комьюнити недопрограммистов полный отстой, мнят себя божничкой, а сами работают в Залупинске где-нибудь типа IT в отделе. зарплата маленькая, тёлка страшная да и та не дает, квартира в ипотеку, приходится хоть как-то самооценку свою поднимать, только она тут Н@хуй ни кому не интересна.

Если бы такой педик, к которому чел обратился бы за советом, работал в гугле или фейсбуке, а тот бы его послал гуглить, то на хyй бы вылетел с работы на следующий день, потому что, там ценят дух взаимоподдержки и роста для начинающих, и когда к ним обращаются за обычным советом челики уровня 1-2, то более умные стараются максимально помочь, потому что те своим ростом поднимают более умных вверх по карьере.

Но Вам, обезьянкам, (как в Штатах вас называют, «программистов» из России) это не грозит, потому что, таких бакланов как Вы, в комьюнити нормальных пацанов нет и быть не может.

Так что сидеть тут , и писать какие вы охyенные это ваш реальный предел.
Мечтайте в своем забвении, что может кто-то из комьюнити Хабра и подберет вас, на вшивую работенку.

Источник

I have a page which loads content dynamically, and I make several calls to backends API’s all these calls have the same configuration, like this:

function get_data_1(){
  var data = {
    type: "home"    
  };
  
  fetch('../backend/get/slider.php',  {
      method: 'POST',      
      credentials: 'same-origin',
      body: JSON.stringify(data),
      headers:{
        'Content-Type': 'application/json'
      }
    })
    .then(function(response) {      
      return response.json();
    })
    .then(function(response) {            
      if( response.success ){
       //here proceses de code
      } else {               
       //here proceses de code if not success response
      }
    })
    .catch( function(error){      
      console.error(error);
      //Here is where the error catch and show the error: NetworkError when attempting to fetch resource
  });   

When the page load, call many functions like this:

get_data_1();
get_data_2();

All the responses of the backend API have the same output format (JSON) and have the same headers, I’m using an only server (localhost), but only some calls get the error and others work fine, the problem is only with Firefox with chrome, opera, and edge I no have any error.

NetworkError when attempting to fetch resource is a common error that occurs when you’re trying to fetch data from a server using the Fetch API or XMLHttpRequest. This error can be caused by various reasons, such as incorrect URL, server-side issues, or CORS restrictions.

In this guide, we’ll walk you through the step-by-step process of troubleshooting and fixing the NetworkError when attempting to fetch a resource.

Table of Contents

  • Step 1: Verify the URL
  • Step 2: Check the Server Status
  • Step 3: Inspect CORS Configuration
  • Step 4: Analyze Network Conditions
  • Step 5: Debug Fetch Request
  • FAQs

Step 1: Verify the URL

The first step in troubleshooting the NetworkError is to verify that the URL you’re trying to fetch is correct. Ensure that the URL is well-formed and points to the correct resource.

const url = 'https://api.example.com/data';
fetch(url)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('NetworkError:', error));

If the URL is incorrect or points to a non-existent resource, update it to the correct one.

Step 2: Check the Server Status

The NetworkError may also occur due to server-side issues. To check if the server is up and running, you can use tools like Down For Everyone Or Just Me or Is It Down Right Now?.

If the server is down, wait for it to be back online or contact the server administrator to resolve the issue.

Step 3: Inspect CORS Configuration

Cross-Origin Resource Sharing (CORS) is a security feature that restricts web pages from making requests to a different domain than the one that served the web page. If the server hosting the resource doesn’t have the proper CORS configuration, you’ll encounter the NetworkError.

To fix CORS issues, you can either:

Update the server’s CORS configuration to allow requests from the origin making the request. This is the recommended solution for production environments. More information on configuring CORS can be found in the Mozilla Developer Network documentation.

Use a proxy server to bypass CORS restrictions during development. Tools like CORS Anywhere or CORS Proxy can help with this.

Step 4: Analyze Network Conditions

Poor network conditions can also cause the NetworkError. To check if this is the issue, test your internet connection using tools like Speedtest or Fast.com.

If you’re experiencing network issues, try connecting to a different network or wait for the network conditions to improve.

Step 5: Debug Fetch Request

Finally, if none of the above steps resolve the issue, you can debug the fetch request to identify the root cause of the problem. To do this, you can use browser developer tools like Chrome DevTools or Firefox Developer Tools.

Some common debugging techniques include inspecting network requests, checking console logs, and analyzing request headers and response headers.

FAQs

1. Can I use XMLHttpRequest instead of Fetch API to avoid NetworkError?

No. The NetworkError can also occur when using XMLHttpRequest. The error is not specific to the Fetch API. The troubleshooting steps outlined in this guide apply to both Fetch API and XMLHttpRequest.

2. Is there a way to bypass CORS restrictions on the client-side?

Bypassing CORS restrictions on the client-side is not recommended, as it can lead to security vulnerabilities. The proper way to handle CORS issues is to configure the server to allow requests from the required origins.

3. How can I check if the server has the correct CORS configuration?

You can use tools like CORS Tester or CORS Check to test if the server has the correct CORS configuration.

4. What other APIs can I use to fetch data from a server?

You can also use APIs like Axios or jQuery.ajax() to fetch data from a server. However, these APIs may also encounter the NetworkError if the underlying issues are not resolved.

5. How can I handle NetworkError in my code?

You can use the catch block in your fetch request to handle the NetworkError and display a user-friendly error message or take other appropriate actions.

fetch(url)
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => {
    console.error('NetworkError:', error);
    // Display error message or take other actions
  });

Back to top

Я вижу странное поведение в Firefox при использовании API-интерфейса fetch. Я не знаю, что я делаю что-то неправильно, или если я пропустил какую-то документацию, и то, что я пытаюсь сделать, не разрешено.

Если я размещаю страницу ниже на localhost, Firefox отклоняет выборку и дает TypeError: NetworkError when attempting to fetch resource. Я не вижу запросов на выборку ни в инструментах dev, ни в Wireshark. Кажется, нет никакой дополнительной отладки, доступной для диагностики.

Под “хостингом на локальном хосте” я подразумеваю размещение локального веб-сервера (nginx в этом случае), а не из файловой системы. В адресной строке отображается ” http://localhost/fetch_localhost_error.html”.

Хостинг одной и той же страницы http://jsbin.com/yowebiyigi/edit?html,output или любая другая конечная точка дает ожидаемый результат – текст появляется в div, и я вижу запрос на выборку в средствах разработки.

Chrome работает правильно в обоих сценариях, что подразумевает, что локальный и удаленный сервер правильно настроен для CORS и т.д. (но FF никогда, похоже, никогда не запрашивает удаленный доступ).

Я пробовал и 48, и Nightly (51), как на Windows 7. К сожалению, у меня сейчас нет доступа к какой-либо другой ОС.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <div id="output"></div>
  <div id="error"></div>
  <script>
 var result = fetch('http://www.randomtext.me/api/')

 result.then(
    function(response){
        return response.json()
    })
 .then(
   function (response) {
        document.getElementById("output").innerHTML = response.text_out;
   })
 .catch(
    function(error){
        document.getElementById("error").innerHTML = error;
    });

  </script>
</body>
</html>

Это довольно неприятно, поскольку я не могу разрабатывать решения на основе выборки локально. Кто-нибудь может рассказать о том, что происходит?

Добавить комментарий