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

Да

Тебе надо искать api, где они разрешены

та я изначально хотел воспользоваться гугловским api но там чет сложна

вообщем суть какова, мне нужно реализовать приложение, там есть текст инпут, по клике на батон с инпута берется слово, подставляется в запрос в какую то поисковую систему и на экран выводятся картинки по этому запросу

В юности я подобное делал запросом с бэкенда, а потом парсил полученную страницу ) но это плохая идея, я думаю)

вообщем суть какова, мне нужно реализовать приложение, там есть текст инпут, по клике на батон с инпута берется слово, подставляется в запрос в какую то поисковую систему и на экран выводятся картинки по этому запросу

Если сервис cors не поддерживает, теоретически может помочь https://crossorigin.me

Или быстренько на ноде можно сделать прокси

Батоны сделали мой день :)

Или быстренько на ноде можно сделать прокси

Ну это всё стрёмные идеи. Лучше воспользоваться api, если оно есть

это да

так, появилось два трабла fetch('http://crossorigin.me/http://api.duckduckgo.com/?q=cats&format=json$t=ElekenAPP&no_html=1', {mode: 'same-orifin', credentials: 'include'}) .then((response) => response.json()) .then((responseJson) => {responseJson}) .catch((error) => { console.error(error); }); при этом запросе ошибка "Fetch API cannot load http://crossorigin.me/http://api.duckduckgo.com/?q=cats&format=json$t=ElekenAPP&no_html=1. The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'. Origin 'chrome://startpage' is therefore not allowed access."

если убрать кредентиалс мод, то Unexpected end of JSON input

Здравствуйте. Скажите пожалуйста, что это за фрукт такой JavaScript (Vanilla JS) Developer for Imagine?

Именно Developer for imagine , это что-то типа ранга как junior и т.д?

mode: 'same-orifin' орифин

fetch('http://crossorigin.me/http://api.duckduckgo.com/?q=cats&format=json$t=ElekenAPP&no_html=1', {mode: 'cors', credentials: 'include', headers: {'Access-Control-Allow-Origin':'*'}}) .then((response) => response.json()) .then((responseJson) => {responseJson}) .catch((error) => { console.error(error); });

вот че накрутил, и всё равно ошибки

headers: {'Access-Control-Allow-Origin':'*'} - этот хедер должен сервер выставлять

а не клиент

https://github.com/github/fetch/issues/301

тут почему-то так лепят..

потому что у них сервер свой

стоп

я подумал что fetch это что-то на фронте. а у тебя nodejs?

неа, я пишу тестовое на React-Native

хостинг какой?

на чем хостишь сервак, откуда берешь фетч?

If you have trouble making a request to another domain (a different subdomain or port number also constitutes as another domain), please familiarize yourself with all the intricacies and limitations of CORS requests. Because CORS requires participation of the server by implementing specific HTTP response headers, it is often nontrivial to set up or debug. CORS is exclusively handled by the browser's internal mechanisms which this polyfill cannot influence.

это с ридми fetch

андрей

тебе корсы прописать надо

так что ответь пожалуйста

флаг Access-Control-Allow-Origin должен сервер прописать

так окей, а что в тех корсах прописывать?

поидее сервис которым ты пользуешься http://crossorigin.me/ позволяет это обходить. так что работать нужно какбудто CORS отключены (выставлен Access-Control-Allow-Origin: *)

что возвращает либа если убрать всё фигню с credentials и т.п.

вот та тулза, которую ты используешь

все написано

тобишь в хедер прописываешь

Origin: твой домен

если локалхост, то 127.0.0.1

либо *

что возвращает либа если убрать всё фигню с credentials и т.п.

Unexpected end of JSON input

Sasha дело говорит

если не понимаешь зачем нужен CORS, то идешь на hacksplaining.com

если зарегаешься, будет больше уроков

Игорь надо было прочитать что тебе сервисотвечает

http://i.imgur.com/zxFeWdg.png

всё же человеческим языком (:

по русски же написано :D

ухты, а что за тулза такая?

спасибо

постман

но и в браузере можно было прочитать

fetch('http://crossorigin.me/http://api.duckduckgo.com/?q=cats&format=json$t=ElekenAPP&no_html=1', {headers: {Origin: 127.0.0.1}}) .then((response) => response.json()) .then((responseJson) => {responseJson}) .catch((error) => { console.error(error); }); верно?

в кавычки возьми

127.0.0.1

ты ведь с 127.0.0.1 страницу открываешь?

я его вообще тестрирую в консоли

а консоль где открыта?

если в браузере - то на какойй странице браузера?

в опере на экспрес панел

вбей window.location.origin

в консоли

"chrome://startpage"

вот либо эту чертовщину либо "*" вместо 127.0.0.1

Unexpected end of JSON input

потмоу что ответ сервера пустой

глянь в постмане

а вот такой урл http://crossorigin.me/http://api.duckduckgo.com/?q=cats&format=json уже даёт какой-то читабельный ответ

http://i.imgur.com/h7GKwFK.png

"Unexpected end of JSON input" происходит потому что пытается прогнать через JSON.parse("")

Ого, ещё один чатик по js

таки тысячи их

Ого, ещё один чатик по js

а какие ещё есть хорошие?

слак от lear.javascript.ru

таки тысячи их

Нет. По js не больше 10

слак от lear.javascript.ru

слак — дно.