инструмент это инструмент, а не инструмент – не инструмент

глубоко

Всем привет

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

`Fetch API cannot load http://192.168.72.204:8080/api/auth. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 415. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.`

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

нет доступа

Корс включен на сервере?

тебе нужно на сервере разрешить доступ с других доменов

т.е. на клиенте ничего не надо делать?

т.е. на клиенте ничего не надо делать?

по идее нет

Начал писать на rollup'е, кто-то подскажет как для SSR budle'а, полностью модули проигнорить. На webpack'е делал, а тут кек

здравствйте, подскажите пожалйуста как закинуть первоначальное состояние в redux store если надо асинхронное действие произвести?

здравствйте, подскажите пожалйуста как закинуть первоначальное состояние в redux store если надо асинхронное действие произвести?

Над чем?

Над чем?

ну допустим ajax запрос

и данные плюнуть в initialState

Понял. Отрендерить все после Ajax запроса

Понял. Отрендерить все после Ajax запроса

ага

Если это React

Функция render'а есть какая-то?

(у тебя)

да

тут просто надо данные из localStorage брать либо если их нет с сервера

DenJel о, я как раз для этого middleware делал: https://github.com/KELiON/redux-async-initial-state

Можешь сделать ее асинхронной, и перед рендером выполнить запрос. А лучше всего засунуть голый (без прифетч инфы) стор. Отрендерить (где при отсутствии этой инфы будет прелоадер допустим). Потом сделать запрос и заМерджить

Заредюсить*

Зависит от инфы и ее логике :#

Можешь сделать ее асинхронной, и перед рендером выполнить запрос. А лучше всего засунуть голый (без прифетч инфы) стор. Отрендерить (где при отсутствии этой инфы будет прелоадер допустим). Потом сделать запрос и заМерджить

да я так всегда делаю пустое первоначальное состояние, потом через componentDidMount пишу асинхронный экшн и бла бла.. Я просто думаю возможно ли как нибудь именно до рендера это сделать может через хуки как нибудь, не могу норм доку про них найти. Впринципе я думал над reactDOM рендер после асинхронного действия, но может еще что нибудь есть. Ладно в любом случае спасибо

npmjs.com/package/universal-router Еслт заюзаешь, можешь перед отправкой компоненты прикрепленной к route'у делать async запросы. Либо https://github.com/RickWong/react-transmit , как раз wrapper под компоненту, для async запросов и не только. Почита вообщем)

Если нужен редакс + реакт-роутер + серверный рендеринг с асинк-запросами, то я делал демку https://github.com/evgenyrodionov/react-router-redux-async-ssr/commits/master

Никто с таким не сталкивался. Выполняю запрос, в ответ должен прийти токен. В хроме в responce он есть, но в объекте что в приходит его нет.

вот код

такой объект приходит мне

вот код

.then(response => response.json()) .then(json => { /* ... */ });

Ааа Callback hell

Современные браузеры очень не любят и блочат allow-origin: "*", считается что это зашквар по части безопасности, поэтому нужно чтобы сервер подставлял точный оригин

возмоно хром просто не дает тебе контент запроса из-за этого

.then(response => response.json()) .then(json => { /* ... */ });

??

Так есть же body!!

Посмотри содержимое body

в body пусто

redux-logger не помешал бы

/* ... */

в body пусто

fetch пример смотри внимательнее https://learn.javascript.ru/fetch

спасибо сейчас посмотрю

Разобрался??

.then(response => response.json()) .then(json => { /* ... */ });

?

только использовал response.text

Как во втором вебпаке задавать постлоадеры?

Какая версия вебпака?

webpack@2.1.0-beta.25

{ module: { rules: [ { enforce: 'post', test: /\.js$/, ... } ] } }

здравствуйте, извините за оффтоп, кто пользовался yahoo finance api. Почему запросы к нему выдают постоянно разное время? Подскажите пожалуйста: http://query.yahooapis.com/v1/public/yql?q=select * from yahoo.finance.xchange where pair in ( "USDRUB" )&env=store://datatables.org/alltableswithkeys&format=json

что гугл говорит?

Добрейший денек. Подскажите при клике на react-router Link можно как то остановить переход по ссылке? в cWU могу конечно подменить this.context.router.replace но тогда компонент перегружается и теряется состояние, а как бы сделать так чтобы состояние не терялось и компонент не перегружался?

вот гуглю, пока ничего не нарыл =\

Добрейший денек. Подскажите при клике на react-router Link можно как то остановить переход по ссылке? в cWU могу конечно подменить this.context.router.replace но тогда компонент перегружается и теряется состояние, а как бы сделать так чтобы состояние не терялось и компонент не перегружался?

зачем?

Добрейший денек. Подскажите при клике на react-router Link можно как то остановить переход по ссылке? в cWU могу конечно подменить this.context.router.replace но тогда компонент перегружается и теряется состояние, а как бы сделать так чтобы состояние не терялось и компонент не перегружался?

А зачем вам использовать link если переход не нужен?

ну набрал я текст в инпуте, нажал на Link, и весь набранный текст пропал. А так в cWU всплыл confirm типа текст не сохранен хотите сохранить? и если нет то переход по ссылке а если хочу то надо бы как то остаться на этой стр в этом состоянии

тогда юзать не Link, а просто a-тэг и обрабатывать клик с проверкой инпута и this.context.router.push...

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

Навскидку вижу способа два: 1) Убрать link и повесить на onClick вопрос о сохранении и browserHistory.push туда куда надо. 2) Написать компонент который будет в фоне реагировать на изменение тех или иных полей и сохранять их.

Понятно спасибо. Жаль, хотел по быстрому отделаться. Да, других то путей много, просто думал вдруг есть такая возможность

Ребят запилил аналог redux-actions, но как мне кажется получилось намного круче и полезнее, оставьте фидбэк кому не лень, я очень старался :) https://github.com/olegman/redux-actions-helpers

uppercase константы никуда не делись ((

а чем redux-act не угодил?

у меня в проектах катастрофически мало тонких экшн-креаторов

вот вообще не ложится на redux-action-helpers

лол, а на ошибки наплевать?)

ошибки чего?

запроса?

ага

большая часть обработана в api