Гугл мапс только так и работают. Сейчас покажу.

Гугл не поддерживает jsonp

Ой, извиняюсь. Я с directions не работал. Только с maps. Там jsonp юзается. А у вас явно проблема в Acces Control Allow Origin. Это означает что вы пытаетесь запустить скрипт, который НЕ находится на вашем хосте. По идее так не должно быть.

попробуй их включить

Ой, извиняюсь. Я с directions не работал. Только с maps. Там jsonp юзается. А у вас явно проблема в Acces Control Allow Origin. Это означает что вы пытаетесь запустить скрипт, который НЕ находится на вашем хосте. По идее так не должно быть.

это же кросдоменные запросы вроде

данные которые тебе приходят от гугла - валидные?

Запрос корректный

На выходе

Я имею ввиду во влкдаке "Сеть" Хрома

это же кросдоменные запросы вроде

Ну вот и ответили сами. Он со своего хоста делает запрос на удаленный скрипт. Вот и система ругается: запрещено запускать скрипты, не пренадлежащие данному хосту.

Ну вот и ответили сами. Он со своего хоста делает запрос на удаленный скрипт. Вот и система ругается: запрещено запускать скрипты, не пренадлежащие данному хосту.

Но моих файлов есть cors заголовок

А там текст только козвращается, да ? Странно что вобще эта ошибка выходит.

на крайняк, туши ошибку в катч и забей просто

Но моих файлов есть cors заголовок

Если вам выдается явня ошибка такого рода, то она есть. Что-то не срабатывает всякий корс шморс.

А там текст только козвращается, да ? Странно что вобще эта ошибка выходит.

От гугла большой обьект возвращается, с маршрутом. И на вид там все правильно

Дайте ссылку на этот их апи. я почитаю.

на крайняк, туши ошибку в катч и забей просто

Так я же ответ не могу получить

https://developers.google.com/maps/documentation/directions/intro#Waypoints

Так я же ответ не могу получить

Даже если обернуть try catch, то у меня в переменной оказывается undefined

Даже если обернуть try catch, то у меня в переменной оказывается undefined

https://stackoverflow.com/questions/28359730/google-place-api-no-access-control-allow-origin-header-is-present-on-the-req

Это же jsonp

Да.

Вы надоели братан )))

Это штука в ответ просто текст выдает или на карту вашу проиниченную ставит отметки и тп?

Короче, просто я сейчас ухожу. Точно в сторону JSONP копайте. И почитайте про него хотя бы немного.

Класс. Спасибо за совет. Обязательно пну гугл, чтобы запилил jsonp

Это же jsonp

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

Getting 'Access-Control-Allow-Origin' on a GET request (axios.get) · Issue #1186 · axios/axios https://github.com/axios/axios/issues/1186

А что делать если ответ нельзя получить в формате jsonp ?

челик пишет что ошибка из-за localhost

This MDN page has a lot of good information on the CORS and the access-control-allow-origin-header. My first guess looking at the headers is that the server set the access-control-allow-origin header to the http://xxxxxxxx.com example domain. But you are trying to hit it from http://localhost which is not the same domain.

как вариант

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

У меня карты работают. Но мне еще нужен directions api

А что делать если ответ нельзя получить в формате jsonp ?

Вы п*здец братан. JSONP Это почти тот же жсон. Просто запрос так сделайте как написано по ссылке выше и все. С stackoverflow. Потом отпишитесь.

У меня карты работают. Но мне еще нужен directions api

Вот пример. Это тот же жсон. Просто ест колбэк.

https://www.sitepoint.com/jsonp-examples/

Всем привет. Ребят кто-нибудь сталкивался с таким: когда пытаюсь обратиться к url вида localhost:8080/public/hello.txt то chrome почему-то в конец добавляет слэш. Сидел, ковырял конфиг nginx думал, что где-то параметр не тот, но вроде все стандартно. Открываю в приватной вкладке — норм. Открываю в основном окне — добавляет в конец слэш. Почистил кэш, выключить все расширения, всё-равно добавляется в конец слэш.

кстати в лисе норм тоже.

ет вроде фишка броузера

ет вроде фишка броузера

Точно ? Или это баг все-таки ?

Ребят, как сделать на сервер jsonp запрос, если он отдает только json ?

Ребят, как сделать на сервер jsonp запрос, если он отдает только json ?

любым клиентом браузер, rest клиент.

любым клиентом браузер, rest клиент.

Я имею ввиду, как преобразуется json к jsonp, если сервер не будет оборачивать ответ в callback

Например axios, может обернуть в callback сам ?

Например axios, может обернуть в callback сам ?

Лучше сделать запрос к своему хосту Node.js, и из ноды уже куда тебе надо и не будешь париться с JSONP / CORS

Лучше сделать запрос к своему хосту Node.js, и из ноды уже куда тебе надо и не будешь париться с JSONP / CORS

Я понял суть, спасибо. Но я наверное лучше заюзаю какую-то либу для google maps, чтобы не переносить эту логику на сервер

Я понял суть, спасибо. Но я наверное лучше заюзаю какую-то либу для google maps, чтобы не переносить эту логику на сервер

А причем здесь логика? Тебе просто проксировать ответ нужно себе в браузер

А целевой сервер Origin не любой ставит? Зачем тебе JSONP?

А причем здесь логика? Тебе просто проксировать ответ нужно себе в браузер

Это лишнее

А целевой сервер Origin не любой ставит? Зачем тебе JSONP?

Не ставит вообще никакой

Ребят подскажите пожалуйста почему чаще всего сокет падает? он получается при соединении работает какоето время, отваливается несколько раз с ошибкой и потом продолжает работу без перезагрузки приложения на фронте

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

ошибка 502 bad gateway

ошибка 502 bad gateway

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

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

а можно чуть детальнее )) просто со стороны фронтенда - все работает штатно, эти отвалы если и влияют, то глазу это не заметно

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

приложение этот гугл хром?

ну тобишь браузер)

Сервак

Сервак

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

Ну, выглядит так, да

Ну, выглядит так, да

понял, благодарю =)

https://en.wikipedia.org/wiki/List_of_HTTP_status_codes

а можно чуть детальнее )) просто со стороны фронтенда - все работает штатно, эти отвалы если и влияют, то глазу это не заметно

В каком смысле глазу не заметно? Bad Gateway незаменто? ))))))))

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

нет. мы то не знаем что там у вас.

В каком смысле глазу не заметно? Bad Gateway незаменто? ))))))))

не - я в плане если я юзер - и не знаю о дев тулзах - приложение работает, ничего не крашится )

нет. мы то не знаем что там у вас.

а почему нет? какой момент я упускаю?

у меня просто вообще эти вопросы возникли - потому что я вижу что сокет падает с ошибкой 502, я знаю что 500+ это серверные ошибки, но реконект сокета я не делаю, а он после этих ошибок все равно продолжает работать как ни в чем не бывало

у меня просто вообще эти вопросы возникли - потому что я вижу что сокет падает с ошибкой 502, я знаю что 500+ это серверные ошибки, но реконект сокета я не делаю, а он после этих ошибок все равно продолжает работать как ни в чем не бывало

значит не такая важная ошибка.

тяжко без async/await

а это не ошибка, что не все функции в .then() возвращают промис вместо undefined? к тому же, можно было бы сгруппировать 3 .catch() в 1 и вообще уменьшить вложенность

а это не ошибка, что не все функции в .then() возвращают промис вместо undefined? к тому же, можно было бы сгруппировать 3 .catch() в 1 и вообще уменьшить вложенность

возвращают промис - это так надо а как 3 catch 1?

Так тоже самое же, что и filter

Нет

возвращают промис - это так надо а как 3 catch 1?

ну вот если бы хендлеры .then() возвращали промисы/значения — можно было бы всё в 1 цепочку объединить без вложенности, и в конце поставить один на всех .catch()