Ошибка запроса HTTP с codeSandBox (React/Node)
У меня странная ошибка в онлайн IDE, как CodeSandBox/StackBlitz. Я делаю пример http-запроса (с axios, но с fetch или другими проблема та же) и пытаюсь распечатать ответ в консоли. Я использую React для фронта и узел (порт прослушивания 8080) для задней части, я уточняю, что работают, когда я делаю то же самое с приложением create response, используя npm start (localhost:3000 и запрос http в http://[public ip]:8080/coucou)
Код реакции здесь (запрос находится в файле Main.js): https://codesandbox.io/s/ww28ry45pl
Когда я просто положил http://[public ip]:8080/coucou это работает, и у меня есть хороший ответ от сервера.
Здесь ошибка, возвращаемая сервером в codeSandBox (фиксируется блоком catch):
Ошибка {stack: "createError @ https://ww28ry45pl.codesandbox.io/node_modules/axios/lib/core/createError.js:16:15 handleError @ https://ww28ry45pl.codesandbox.io/node_modules/axios/lib/adapters/xhr.js:87:14 "}
Я не нашел ничего об этой проблеме.
3 ответа
Это связано с тем, что вы выполняете HTTP-вызов из защищенной точки связи (codeandbox). Вы можете просто использовать / добавить https в свой общедоступный URL, и он будет работать. HTTP-запрос Ajax через страницу HTTPS
В моем случае я звонил Localhost из codeandbox в https. Я решил это, включив обработку CORS на моем локальном сервере.
Просто попробуйте еще раз без http://префикс в URL. Я решил ту же ошибку:)